HTML <hr>标签在 HTML 页面中创建一条水平线;水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
<hr>标签的厚度可以使用CSS中的height属性设置;最小高度可以是1px,因为可用的最小单位是1像素。也可以使用CSS属性来设置<hr>标签的样式以使hr标签在外观上更加美观。
示例1:使用CSS height属性来设置<hr>标签的厚度
效果图:
示例2:使用CSS属性来设置<hr>标签的样式
效果图:
本文参考地址: https://www.html.cn/qa/css3/10312.html
标签单独改变颜色只需<hr color="#XXXX" />就可以了。另外<hr>还有其他的可选属性,一并列下。
HTML<hr>
标签
一、定义与用法<hr>
标签可以插入水平线
二、在HTML和XHTML中的区别
在HTML中<hr>标签不需要结束标签
在XHTML中<hr>标签必须合理的关闭 实例:This
is some text This is some text
在HTML4.01中所有与hr有关的属性都不再被推荐使用
在XHTML1.0严密型DTD中不支持所有有关hr元素的属性
三、标准属性
id, class, title, style, dir, lang, xml:lang
四 事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove,
onmouseout, onkeypress, onkeydown, onkeyup
cursor:pointer!importantcursor:hand在TD等HTML元素中作为Style属性赋值可支持多种浏览器平台,但在Css中不被支持。在属性中可以设置Cursor多种取值,在Css中也不被支持。
Align在DHTML元素中用的比比皆是,且被大多数平台支持(DOM技术),但在Css中只有Text-Align来代替。即便是Hr元素,在Css中也须用Text-Align来设置对齐(至少从多浏览器支持角度来说,因为MS IE会做很多不标准用法的兼容和容错,不予作为标准来考虑)。
在Css中对属性取值必须不用双引号括起,否则会引起浏览器平台兼容问题(MS IE又支持了这种非标准用法)。在DHTML元素的属性取值时,双引号是可选的,当然是在不会引起岐义的前提。