细线边框单元格 CSS

html-css021

细线边框单元格 CSS,第1张

使用 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>