css 设置下边框border-bottom的样式

编辑代码
<!DOCTYPE html>
<html>
<head>
<style>
p {
	border-style: solid;
}
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>
<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>