如果定义
![](/icons/96744yi.gif)
条水平
![](/icons/96744de.gif)
虚线呢?
我们首先需要了解
![](/icons/96744dou.gif)
有关线条
![](/icons/96744de.gif)
CSS
![](/icons/96744de.gif)
两个样式:
dotted : 在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为点线
![](/icons/96744dou2.gif)
否则为实线
dashed : 在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为虚线
![](/icons/96744dou2.gif)
否则为实线
更多
![](/icons/96744de.gif)
样式参考
![](/icons/96744dou.gif)
请点击这里
![](/icons/96744dou2.gif)
水平线条
![](/icons/96744dou.gif)
我们可以用hr来实现
![](/icons/96744dou.gif)
也可以定义
![](/icons/96744yi.gif)
个div
![](/icons/96744dou.gif)
将它
![](/icons/96744de.gif)
高度设为1px或其它你想要
![](/icons/96744de.gif)
高度
![](/icons/96744dou2.gif)
CSS定义
![](/icons/96744yi.gif)
条水平虚线hr
![](/icons/96744de.gif)
思路方法:
![](\"http://www.zxbc.cn/Files/BeyondPic/2007-5/24/0752416050591160.g<img)
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run
[www.52css.com] =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]
CSS定义
![](/icons/96744yi.gif)
条水平虚线div
![](/icons/96744de.gif)
思路方法:
![](\"http://www.zxbc.cn/Files/BeyondPic/2007-5/24/0752416050591160.g<img)
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run
[www.52css.com] =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]
需要你注意hr思路方法中CSS
![](/icons/96744de.gif)
定义:hr {border:1px #cccccc dotted;} 用了dotted属性
![](/icons/96744dou2.gif)
在div
![](/icons/96744de.gif)
思路方法中用了dashed属性
![](/icons/96744dou2.gif)
从表面上讲
![](/icons/96744dou.gif)
两者没有明显
![](/icons/96744de.gif)
区别
![](/icons/96744dou2.gif)
但在区别
![](/icons/96744de.gif)
浏览器环境下
![](/icons/96744dou.gif)
可能会存在
![](/icons/96744yi.gif)
些差异
![](/icons/96744dou2.gif)
但这些都无关紧要了
![](/icons/96744dou.gif)
![](/icons/96744yinwei.gif)
大多数人看到
![](/icons/96744de.gif)
是
![](/icons/96744yi.gif)
样
![](/icons/96744de.gif)
效果
![](/icons/96744dou2.gif)
虚线
![](/icons/96744dou2.gif)
:)
延伸阅读
最新评论