Live Demo: Example of CSS border-bottom-style property

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Example of CSS border-bottom-style property</title>
    <style>      
		p {
		  	border-bottom-width: 3px;
		}
		p.none {
		  	border-bottom-style: none;
		}
		p.dotted {
		  	border-bottom-style: dotted;
		}
		p.dashed {
		  	border-bottom-style: dashed;
		}
		p.solid {
		  	border-bottom-style: solid;
		}
		p.double {
		  	border-bottom-style: double;
		}
		p.groove {
		  	border-bottom-style: groove;
		}
		p.ridge {
		  	border-bottom-style: ridge;
		}
		p.inset {
		  	border-bottom-style: inset;
		}
		p.outset {
		  	border-bottom-style: outset;
		}
    </style>
</head>
<body>
    <h1>Various border style.</h1>
    <p class="none">No bottom border.</p>
    <p class="dotted">A dotted bottom border.</p>
    <p class="dashed">A dashed bottom border.</p>
    <p class="solid">A solid bottom border.</p>
    <p class="double">A double bottom border.</p>
    <p class="groove">A groove bottom border.</p>
    <p class="ridge">A ridge bottom border.</p>
    <p class="inset">An inset bottom border.</p>
    <p class="outset">An outset bottom border.</p>
</body>
</html>