CSS 边框样式 | 开创者教程

实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开创者教程(kaicz.com)</title>
<style>
	p.dotted {border-style: dotted;}
	p.dashed {border-style: dashed;}
	p.solid {border-style: solid;}
 p.double {border-style: double;}
 p.groove {border-style: groove;}
 p.ridge {border-style: ridge;}
 p.inset {border-style: inset;}
 p.outset {border-style: outset;}
 p.none {border-style: none;}
 p.hidden {border-style: hidden;}
 p.mix {border-style: dotted dashed solid double;}
 p.required{border-width:10px; margin:15px 0; line-height:30px;}
</style>
</head>
<body>
	<h1>border-style 属性</h1>

此属性规定要显示的边框类型：
	点状边框。
	虚线边框。
	实线边框。
	双线边框。
	凹槽边框。
	垄状边框。
	3D inset 边框。
	3D outset 边框。
	无边框。
	隐藏边框。
	混合边框。
</body>
</html>