HTML教程：html水平线段
导读：收集整理的这篇文章主要介绍了HTML教程：html水平线段，觉得挺不错的，现在分享给大家，也给大家做个参考。 这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。<hr>有三个属性： size 水平线的...
收集整理的这篇文章主要介绍了HTML教程：html水平线段，觉得挺不错的，现在分享给大家，也给大家做个参考。 这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。
hr> 有三个属性：
size 水平线的宽度
width 水平线的长，用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式，有LEFT RIGHT center三种
noshade 线段无阴影属性，为实心线段
我们可以用几个例子来说明这线段的用法：
线段粗细的设定
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>
线段长度的设定
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>
线段排列的设定
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>
无阴影的设定
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>
最后一个水平线:
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML教程：html水平线段
本文地址： https://pptw.com/jishu/587454.html