css3技术

CSS如何定义一条水平虚线?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 11:40 我要评论( )

CSS如何定义一条水平虚线?,学习CSS如何定义一条水平虚线?,CSS如何定义一条水平虚线?,查看CSS如何定义一条水平虚线?,假如定义一条水平的虚线呢? 我们首先需

  
  假如定义一条水平的虚线呢?
  我们首先需要了解,关于线条的CSS的两个样式:
  dotted :  在MAC平台上IE4 与WINDOWS和UNIX平台上IE5.5 为点线。否则为实线
  dashed :  在MAC平台上IE4 与WINDOWS和UNIX平台上IE5.5 为虚线。否则为实线

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

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  CSS定义一条水平虚线div的方法: 

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  需要你注重hr方法中CSS的定义:hr {border:1px #cccccc dotted;} 用了dotted属性。在div的方法中用了dashed属性。从表面上讲,两者没有明显的区别。但在不同的浏览器环境下,可能会存在一些差异。但这些都无关紧要了,因为大多数人看到的是一样的效果。虚线。:)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评