Div+CSS教程:制作网页中列表型CSS虚线下划线方法
常常很多的朋友碰到CSS LI的时候希望此CSS 列表样式每排内容下方为虚线分割开;这里我们只需对LI设置底部边框为虚线边框即可。
1、首先我们是在对CSS初始化情况下设置CSS代码:
li{border-bottom:1px dashed #111;}即可实现li的列表型内容如上图虚线隔开效果(每个li内容底部为虚线边框);
2、还有我们常常碰见li的底部虚线很小就如一个点那么小,而border就很难实现了,这个时候我们需要一张虚线的点图片即可(一边高1像素宽3像素的1像素颜色图片即可实现)
对应CSS li代码:
Li{background:url(点图片路径) repeat-x 0 bottom}
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |