关于hr标签,虚线

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

关于hr标签,虚线
hr标签是单独使⽤的标签,是⽔平线标签,⽤于段落与段落之间的分隔,使⽂档结构清晰明了,使⽂字的编排更整齐
通过设置<hr>标签的属性值,可以控制⽔平分隔线的样式。

<hr>属性:
size: 设置⽔平分隔线的⾼度,单位:像素默认值是2
width: 设置⽔平分隔线的宽度,单位:像素 % 默认值是100%
align: 设置⽔平分隔线的对齐⽅式。

默认值是center 还有left right
color: 设置⽔平分隔线的颜⾊。

默认值是black
noshade: 取消⽔平线的3d阴影
例:<hr size=1 color=red width=300>
显⽰效果如下:
如果想要垂直的线,可以这样来进⾏设置:
例:
<hr size=50color=red width=3 align=center>
效果如下:
我们经常也⽤<hr>来进⾏设置虚线
可由以下⼏种⽅法:
最简单⼀种:<hr width=150 style="border:1px dashed red; height:1px">
效果如下:
dashed为虚线的意思 red就是直接定义的颜⾊
还有⼀种:
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=blue size=1 width=80>
效果如下:
再⼀种就是利⽤css来进⾏控制:
例:
<STYLE type=text/css>
.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
</STYLE>
⽽在使⽤时,:<hr class=dotline color=green size=3 width=200>。

相关文档
最新文档