怎么做css样式边框?
发布网友
共2个回答
热心网友
只是第一种的代码，第二种的话只需要吧div的实线solid改为虚线dashed就可以了
<style>#a{ list-style:none;;margin:0px; padding:0px; border:2px solid #000; width:400px;}
#a ul{ margin:0px; padding:0px;}
#a ul li{ list-style:none; height:30px; line-height:30px; border-bottom:2px dashed #000; text-align:center;}
#a ul li.no{list-style:none;border-bottom:0px;}
</style>
<div id="a">
<ul>
<li>写一些文字</li>
<li>写一些文字</li>
<li>写一些文字</li>
<li class="no">写一些文字</li>
</ul>
</div>
热心网友
<style type="text/css">
*{margin:0; padding:0;}
.box{width:500px;height:155px; border:solid 1px #999999;}
.box ul li{height:30px; line-height:30px; list-style:none; border-bottom:dotted 1px #CCCCCC;}
</style>
<div class="box">
<ul>
<li>标题1</li>
<li>标题1</li>
<li>标题1</li>
<li>标题1</li>
<li>标题1</li>
</ul>
</div>
