css虚线:CSS如何定义一条水平虚线？

on 2009-2-12 in Html教程 | 0 Comment


　　
　　如果定义条水平虚线呢？
　　我们首先需要了解有关线条CSS两个样式:
　　dotted : 　在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为点线否则为实线
　　dashed : 　在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为虚线否则为实线
　　更多样式参考请点击这里

　　水平线条我们可以用hr来实现也可以定义个div将它高度设为1px或其它你想要高度
　　CSS定义条水平虚线hr思路方法:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

    =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]


　　CSS定义条水平虚线div思路方法:　

\" 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定义:hr {border:1px #cccccc dotted;} 用了dotted属性在div思路方法中用了dashed属性从表面上讲两者没有明显区别但在区别浏览器环境下可能会存在些差异但这些都无关紧要了大多数人看到是样效果虚线:)

Tags:  css下划虚线 hrcss虚线 css虚线边框 css虚线

延伸阅读

最新评论

发表评论