您的位置:首页 > Web前端 > 其它 > 正文

html中hr标签

更多 时间:2014-12-12 类别:Web前端 浏览量:701

html中hr标签

html中hr标签

HTML提供了修饰段落的水平分割线,在很多的网页布局中都可以轻松使用,而不需要另外作图。水平分割线的标签是单标签:<hr/> 默认情况下只占一行。

 

一、常用的属性有width、size、align、color和titile

 

width:即表示宽度,属性值默认单位为像素(px),也可以用百分比来表示分割线所占空间的比例;

size:表示分割线的厚度或高度,属性值默认单位也为像素(px);

aling:为对齐方式,类似于<p>的align;

color:即颜色,我们可以根据需要设置分割线的不同颜色;

title:这个属性使用的不多,表示当浏览者光标悬停在分割线上时出现属性值的内容提示。

 

二、hr 在各浏览器下的差异

 

  其它浏览器 ie6、ie7 firefox
实际高度 height+border height height
背景色 background-color background-color(当高度 <= 2px 时,显示高度背景色为灰色,需要 color 来设置颜色)

background-color

 

三、html中hr标签实例

创建一个实际高度为 3px,边框为 1px,边框颜色为 #07f,背景色为 #f60 的分割线

 

  •  
  • CSS 代码   复制
  • 
    hr{ 
        height:1px;
        background-color:#f60;
        border:1px solid #000;
        *height:3px;/* for ie6 ie7 */
        color:#f60;/* for ie6 ie7 */
    } 
    
    		
  •  

    标签:html
    您可能感兴趣