使用 CSS border 属性 控制边框线。
定义和用法
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性:
border-width
border-style
border-color
如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。
border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。可能值有:
注意:
如果是设置表格单元格的表框线,还需要给table标签添加border-collapse 属性。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
只是第一种的代码,第二种的话只需要吧div的实线solid改为虚线dashed就可以了
<style>#a{ list-style:nonemargin: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:noneborder-bottom:0px}
</style>
<div id="a">
<ul>
<li>写一些文字</li>
<li>写一些文字</li>
<li>写一些文字</li>
<li class="no">写一些文字</li>
</ul>
</div>