只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的HTML教程：html水平线段<HR />，手机电脑控们准备好了吗？一起看过来吧！
【 tulaoshi.com - Web开发 】
这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。
HR有三个属性：
size 水平线的宽度
width 水平线的长，用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式，有LEFT RIGHT CENTER三种
noshade 线段无阴影属性，为实心线段
我们可以用几个例子来说明这线段的用法：
Webjx.Com
线段粗细的设定
HTML
HEAD
TITLE线段粗细的设定/TITLE
/HEAD
BODY
P这是第一条线段，无size设定，取内定值SIZE=1来显示BR
HR /
P这是第二条线段，SIZE=5BR
HR SIZE=5
P这是第三条线段，SIZE=10BR
HR SIZE=10
/BODY
/HTML
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）线段长度的设定
HTML
HEAD
TITLE线段长度的设定/TITLE
/HEAD
BODY
P这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示BR
HR SIZE=3
P这是第二条线段，WIDTH=50(点数方式)BR
HR WIDTH=50 SIZE=5
P这是第三条线段，WIDTH=50%(百分比方式)BR
HR WIDTH=50% SIZE=7
/BODY
/HTML
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）Webjx.Com
线段排列的设定
HTML
HEAD
TITLE线段排列的设定/TITLE
/HEAD
BODY
P这是第一条线段，无ALIGN设定，(取内定值CENTER显示)BR
HR WIDTH=50% SIZE=5
P这是第二条线段，向左对齐BR
HR WIDTH=60% SIZE=7 ALIGN=LEFT
P这是第三条线段，向右对齐BR
HR WIDTH=70% SIZE=2 ALIGN=RIGHT
/BODY
/HTML
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）Webjx.Com
无阴影的设定
HTML
HEAD
TITLE无阴影的设定/TITLE
/HEAD
BODY
P这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示BR
HR WIDTH=80% SIZE=5
P这是第二条线段，有NOSHADE设定BR
HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE
/BODY
/HTML
（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）最后一个水平线:
来源:http://www.tulaoshi.com/n/20160219/1626673.html
看过《HTML教程：html水平线段<HR />》的人还看了以下文章 更多>>
