HTML标记【水平分隔线hr标记的使用】！

最新推荐文章于 2023-10-08 15:12:12 发布

zmqhbd

最新推荐文章于 2023-10-08 15:12:12 发布

阅读量1.7w

点赞数 2

分类专栏： .NET 文章标签： html

.NET 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

http://fung2005.bokee.com/catalog_2005.html

用<hr>标记可以在网页上画出一条横跨网页的水平分隔线，以分隔不同的文字段落表为控制<hr>标记所建立的水平分聘线样式的属性说明。下面我们介绍一下水平线的属性标记：

          属性                           功    能                                       ，
          size                    水平线的粗细，以pixel(像素)为单位表示。
          width                  水平线的宽度，以pixel(像素)为单位表示。
          align                   控制水平分隔线的对齐方式。
          color                   设置水平线的颜色。
          noshade             水平线不显示3D阴景

size属性：控制水平线的粗细，以像素(pixel)为单位表示，下面的语法建立粗细为10pixel的水平分隔线:<hr size=10>

width属性：控制水平线的宽度，可以用像素(pixel)为单位表示，也可以使用对屏幕百分比表示，下面的语法建立宽度屏幕长度50%的水平分隔线:<hr width=50%>

align属性能：控制水平分聘线的对齐方式，有居中、左对齐、右对齐三种方式，语法如下:<hr align=center或left或right>

color属性：控制颜色可以和或是十六进制数设置:<hr color=颜色值>

noshade属性：控制水平线不显示3D阴影，语法如下：<hr noshade>

我们运用刚才学到的内容来做一个小例子；
<html>
<head>
<title>水平分隔线的建立</title>
</head>
<body>
<nobr>
<hr align=left>
<hr align=left width=50%>
<hr size=10 width=50%>
<hr size=20 color=blue>
<hr size=20>
<hr size=20 noshade>
</nobr>
</body>
</hmtl>

或者

<html>
<head>
<title>pre和水平分隔线hr</title>
</head>
<body>
<pre>
使用了保留原始排版标记：
早发白帝城
朝辞白帝彩云间，千里江陵一日还。
两岸猿声啼不住，轻舟已过万重山。
</pre>
<hr align="left" width="400" size="5" color="#808080">
<hr align="left" width="400" size="5" color="#808080">
没有使用保留原始排版标记：
早发白帝城
朝辞白帝彩云间，千里江陵一日还。
两岸猿声啼不住，轻舟已过万重山。
</body>
</html>