<html>
<head><title>美丽的水平线</title></head>
<body>
<p>一条没有阴影粗细为5像素,宽为整个文档一般的居中的水平线
</p>
<hr noshade size=5 align=center width=50%>
</body>
</html>
属性:
size: 设置水平分隔线的高度,单位:像素默认值是2
width: 设置水平分隔线的宽度, 单位:像素 % 默认值是100%
align: 设置水平分隔线的对齐方式。 默认值是center 还有left right
color: 设置水平分隔线的颜色。 默认值是black
noshade: 取消水平线的3d阴影
例:
width=300>
显示效果如下:
如果想要垂直的线,可以这样来进行设置:
例:
align=center>
效果如下:
我们经常也用
来进行设置虚线可由以下几种方法:
最简单一种:
style="border:1px dashed red;
height:1px">
效果如下:
dashed为虚线的意思 red就是直接定义的颜色
还有一种:
width=80>
效果如下:
再一种就是利用css来进行控制:
例:
.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted;
BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
而在使用时,:
width=200>