1.dotted虚线

<!Doctype html>

<html>

html虚线css虚线样式dotted和dashed CSS

<head>

<meta http-equiv=\"大众Content-Type\"大众 content=\"大众text/html; charset=gbk2312\"大众/>

<title>dotted虚线</title>

<style type=\公众text/css\公众>

{

margin:100px;

padding:0;

}

body{

width:1000px;

margin:0 auto;

}

.box{

width:300px;height:50px;

text-align:center;

padding-top:30px;

border:1px dotted #000;

}

</style>

</head>

<body>

<div class=\"大众box\"大众>大家好，我是dotted虚线！
</div>

</body>

</html>

效果：

2.dashed虚线

<!Doctype html>

<html>

<head>

<meta http-equiv=\"大众Content-Type\"大众 content=\"大众text/html; charset=gbk2312\"大众/>

<title>dashed虚线</title>

<style type=\公众text/css\"大众>

{

margin:100px;

padding:0;

}

body{

width:1000px;

margin:0 auto;

}

.box{

width:300px;height:50px;

text-align:center;

padding-top:30px;

border:1px dashed #000;

}

</style>

</head>

<body>

<div class=\公众box\"大众>大家好，我是dashed虚线！
</div>

</body>

</html>

效果：

除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址！

原文链接：http://tangjiusheng.com/divcss/115.html