繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS实例教程:CSS制作虚线的2种方法
- CSS样式表
- 理解(X)HTML的文档结构
- CSS教程：理解继承属性及应用
- CSS网页布局：关于定位（position）
- CSS简单实现网页悬浮效果（对联广告）
- CSS教程：行高line-height属性(1)
- CSS Sprite图片处理技巧
- CSS教程:最基本的条状图表
- CSS教程:复合型条状图表
- 网页布局 CSS简单实现垂直居中
- CSS网页实例：斜角滑动门导航条
- CSS教程:专门介绍滑动门
- 网页文字应用CSS的一些技巧
- IE7与web标准设计（1）
- IE7与web标准设计（2）
- 网页的中英文字体对齐问题的解决
- IE7与web标准设计（3）
- CSS教程:网页英文字体和中文字体应用
- css教程:css和document
- CSS规则的结构和Grouping、class和id
- CSS解决浏览器的等宽空格问题
CSS样式表 中的 CSS实例教程:CSS制作虚线的2种方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 235 ::
收藏到网摘: n/a
如何用CSS定义虚线？在CSS中定义虚线一般有两种方法:一种是定义DIV的CSS样式，另一种是通过hr的CSS样式实现。
我们首先需要了解，关于线条的CSS的两个样式：
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
水平线条，我们可以用hr来实现，也可以定义一个div，将它的高度设为1px或其它你想要的高度。
CSS定义一条水平虚线hr的方法：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
CSS定义一条水平虚线div的方法：
