HTML网页的段落排版和换行

2020-04-15 21:53:45易采站长站整理

— 说明:<hr />的默认对齐方式是居中。HTML的宽度和高度属性默认单位为像素,一般无须标识单位。不过style属性中必须标识单位。

<hr />还有一个属性是noshade,当分隔线没有设置颜色,并且设置了一定的size时,分隔线看上去是立体下凹的,有阴影。如果使用了noshade属性,分隔线将会呈现单色。修改hr.htm代码如代码4.6所示。

代码4.6 分隔线的样式设置:hr.htm

<html>

<head>

<title>分隔线的设置</title>

</head>

<body>

设置了300像素宽度并且右对齐的分隔线:<br />

<hr width="300" align="right" />

设置了50%宽度并且居中对齐的分隔线:<br />

<hr width="50%" align="left" />

设置了50%宽度、50像素的厚度并且没有使用noshade的分隔线:<br />

<hr width="50%" size="50" />

设置了50像素的厚度并且使用noshade的分隔线:<br />

<hr size="50" noshade="noshade" />

设置了50像素的厚度并且设置了深红色的分隔线:<br />

<hr size="50" color="770000"/>

设置了50像素的厚度、设置了浅蓝色并且设置了“感谢你的到来!”提示的分隔线:<br />

<hr size="50" color="0000cc" title="感谢你的到来!"/>

</body>

</html>

在浏览器地址栏输入http://localhost/hr.htm,浏览效果如图4.6所示。

图4.6 分隔线的样式设置