您的位置:CSS5 > HTML >

 

html <hr> 水平线标签

 

Html hr水平线标签元素

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

一、Html hr语法:

html水平线标签:<hr />

小试hr水平线标签:

网址css5.com.cn <hr /> 名称:CSS5

标签直接使用<hr />设置一条水平线分割线

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

二、Html Hr水平线实例

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

我是html Hr实例<br /> 
<br />
效果如下:
<br />
<hr />
<a href="//css5.com.cn/">css5.com.cn</a>
<hr />
<p>我是CSS5 Hr实例 </p>

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

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

三、hr说明总结:

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

标签(Tag): 水平线 hr
本文分享URL地址:http://css5.com.cn/html/354.shtml

更多

上一页: 上一篇:html <img> 图片标签元素
下一页: 下一篇:HTML <body> 网页内容元素标签

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2001-01-17     点击:
原创:CSS5     来源网址:http://css5.com.cn/html/354.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!