用css制作列表型CSS虚线下划线教程

用css制作列表型CSS虚线下划线教程

这里我们只需对LI设置底部边框为虚线边框即可。
首先我们是在对CSS初始化情况下设置CSS代码：
li{border-bottom:1px dashed #111;}即可实现li的列表型内容如上图虚线隔开效果（每个li内容底部为虚线边框）
还有我们常常碰见li的底部虚线很小就如一个点那么小，而border就很难实现了，这个时候我们需要一张虚线的点图片即可(一边高1像素宽3像素的1像素颜色图片即可实现)
对应CSS li代码：
Li{background:url(点图片路径) repeat-x 0 bottom}

上一条： 用css制作鼠标放到带链接文字上时出现虚线下划线教程
下一条： 用CSS定义一条水平虚线教程