论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

Div+CSS教程:制作网页中列表型CSS虚线下划线方法

文章类别:div+css | 发表日期:2012-5-18 10:40:47

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}

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058