欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

html <hr>水平线标签元素

Html hr水平线标签元素

html hr水平线目录
  1. Html hr语法
  2. Html Hr水平线实例
  3. hr标签说明与总结

一、Html hr语法:   -   TOP

html水平线标签:<hr />

小试hr水平线标签:
网址www.divcss5.com <hr /> 名称:divcss5
标签直接使用<hr />设置一条水平线分割线

html Hr水平线特点是100%宽度水平分割线,并且独占一行,hr水平线将与上下内容一定距离。

二、Html Hr水平线实例   -   TOP

1、Hr水平线案例代码片段:

  1. 我是html Hr实例<br /> 
  2. <br /> 
  3. 效果如下: 
  4. <br /> 
  5. <hr /> 
  6. <a href="/">www.divcss5.com</a> 
  7. <hr /> 
  8. <p>我是divcss5 Hr实例 </p> 

2、hr水平线标签实例截图

html hr水平线标签使用应用案例效果截图
html hr水平线标签使用应用案例效果截图

三、hr说明总结:   -   TOP

1)、我们在需要上下内容一个分割开时候并且需要一条线间隔,我们可以使用html hr标签实现。
2)、同时我们可以对hr设置简单样式 实现不同美观效果,比如粗细长短等CSS样式。

如需转载,请注明文章出处和来源网址:/html/h354.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-17 17:09 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。