新浪博客

hr标签|插入水平线

2016-07-04 17:10阅读:

html标签 - hr标签

hr 是 html 中的一个标签,用于在页面创建水平线的一个标记,在html文档中输入一个< hr>标记,浏览时都会发现页面添加了一条默认样式的水平线,用水平线将文档分隔为多个部分,既能使页面的结构清晰,又能达到美观的效果,更有助于访客的浏览体验。同时可使用属性控制水平线的显示,例如水平线的大小、颜色等,以下请看默认状态下,插入一条hr水平线后的浏览效果:
hr水平线效果展示

提示:在XHTML中,hr标签必须被正确关闭,在HTML中,hr标签没有结束标签。hr默认为块级元素。


hr标签属性大全

1、hr标签的宽度属性,语法:< hr width='宽度值'>
水平线的宽度值可以用百分比,也可以用像素值来确定。
2、hr标签的高度属性,语法:< hr size='2'>
如果创建hr水平线时,宽高属性只设置了其中一个,那么另外一个则会取默认值。
3、hr标签的颜色属性,语法:< hr color='颜色值'>
为了使水平线更加美观,让整体页面看起来更加协调,可以设置hr的颜色属性。
4、hr标签的对齐属性,语法:< hr align='对齐方式'>
水平线在默认情况下是居中对齐的,可设置align属性更改对齐方式,可选值有:left、right、conter。
5、hr标签的纯
色属性,语法:< hr noshade>
在默认情况下,水平线是带空心阴影的立体效果,通过noshade属性来使水平线显示为实体纯色的效果。
6、hr标签的样式属性,语法:< hr style='设定样式'>
可以为水平设定CSS样式,来完成对水平线不同的展示效果。
以上为个人原创文章,如需转载,请注明出处!

我的更多文章

下载客户端阅读体验更佳

APP专享