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 的分割线
hr{
height:1px;
background-color:#f60;
border:1px solid #000;
*height:3px;/* for ie6 ie7 */
color:#f60;/* for ie6 ie7 */
}