<html>
<head>
<title>边框风格属性 border-style </title>
<style type="text/css">
.d1 {border-style:none;}
.d2 {border-style:solid;}
.d3 {border-style:dotted;}
.d4 {border-style:dashed;}
.d5 {border-style:double;}
.d6 {border-style:groove;}
.d7 {border-style:ridge;}
.d8 {border-style:inset;}
.d9 {border-style:outset;}
</style>
</head>
<body>
<div>none</div>
<br>
<div class = "d1">none</div>
<br>
<div class = "d2">solid</div>
<br>
<div class = "d3">dotted</div>
<br>
<div class = "d4">dashed</div>
<br>
<div class = "d5">double</div>
<br>
<div class = "d6">groove</div>
<br>
<div class = "d7">ridge</div>
<br>
<div class = "d8">inset</div>
<br>
<div class = "d9">outset</div>
<br>
</body>
</html>
本文详细介绍了HTML中边框风格属性border-style的用法，包括none、solid、dotted、dashed、double、groove、ridge、inset和outset等样式，并通过实例展示了它们的应用效果。
扫一扫
326
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
