加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

hr标签|插入水平线

(2016-07-04 17:10:45)
标签:

hr标签

html

水平线

分类: HTML标签

html标签 - hr标签

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

http://s12/bmiddle/006sNHWgzy72XCRsknV8b&690

提示:在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样式,来完成对水平线不同的展示效果。

以上为个人原创文章,如需转载,请注明出处!

0

阅读 收藏 喜欢 打印举报/Report
后一篇:p标签
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有