All Border Property

By Siddharth Patel - January 24, 2022

Copy Code To Clipboard | CodingLab

All Border property List

HTML Code:

       
<html>
<head>
	<title> All Border</title>
</head>
<body>
<style>
.ab1
{
		border:10px dotted blue;
		background-color:magenta;
}
.ab2
{
		border:10px dashed blue;
		background-color:magenta;
}
.ab3
{
		border:10px inset blue;
		background-color:magenta;
}
.ab4
{
		border:10px outset blue;
		background-color:magenta;
}
#ab5
{
		border:10px ridge blue;
		background-color:magenta;
}
#ab6
{
		border:10px groove blue;
		background-color:magenta;
}
#ab7
{
		border:10px solid blue;
		background-color:magenta;
}
</style>
<p class=ab1>
			 Dotted Border
</p>
<p class=ab2>
			 Dashed Border
</p>
<p class=ab3>
			Inset Border
</p>
<p class=ab4>
			Outset Border
</p>
<p id=ab5>
			Ridge Border
</p>
<p id=ab6>
			Groov Border
</p>
<p id=ab7>
			Solid Border
</p>
</body>
</html>

Search This Blog

c programming , javascript , css and html

All Border Property

Comments

Post a Comment

Popular posts from this blog

form in class

SIDDHARTH

form_newlog