<!DOCTYPE html>
<html>
<head>
<title>How to create Border</title>
<style>
div.bs{
border-width:5px 10px;
border-style:dashed solid dotted ridge;
border-color:green red;
}
</style>
</head>
<body>
<section>
<h1>Border Style</h1>
<h3>The border-style property spcifies what kind of border to display.</h3>
<div class="bs">
<h2>The following values are allowed:</h2>
<ul>
<li>dotted - Defines a dotted border
<li>dashed - Defines a dashed border
<li>solid - Defines a solid border
<li>double - Defines a double border
<li>groove - Defines a 3D grooved border. The effect depends on the border-color value
<li>ridge - Defines a 3D ridged border. The effect depends on the border-color value
<li>inset - Defines a 3D inset border. The effect depends on the border-color value
<li>outset - Defines a 3D outset border. The effect depends on the border-color value
<li>none - Defines no border
<li>hidden - Defines a hidden border
</ul>
</div>
<h2> The border-style property can have from one to four values (for the top border, right border, bottom border, and the left border).</h2>
</section>
</body>
</html>
Output:
No comments:
Post a Comment