使用CSS更改hr标签的厚度

html-css015

使用CSS更改hr标签的厚度,第1张

如何使用CSS更改hr标签的厚度?下面本篇文章就来给大家介绍一下使用CSS更改hr标签的厚度的方法,希望对大家有所帮助。

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元素的属性取值时,双引号是可选的,当然是在不会引起岐义的前提。