下面通过水平线分割段落文本来演示<hr/ >标记的用法和属性
效果图如下：
废话少数，上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>水平线标记的用法和属性</title>
</head>
<body>
<p>
传智播客专业于Java、.NET、PHP、C\C++、网页设计、平面设计、UI设计。从菜鸟到职场达人的转变就在这里，你还等什么？
</p>
<hr/>
<p align="left">Java学院</p>
<hr color="red" align="left" size="5" width="600"/>
<p align="center">网页平面设计学院</p>
<hr color="#0066FF" align="right" size="2" width="50%" />
<p align="right">PHP学院</p>
</body>
</html>
重点：
| 属性名 | 含义 | 属性值 |
|---|---|---|
| size | 设置水平线的粗细 | 以像素为单位，默认为2像素 |
| width | 设置水平线的宽度 | 可以是确定的像素值或是浏览器窗口的百分比，默认为100% |
| align | 设置水平线的对齐方式 | 可选择left、right、center三种值，默认为center，居中对齐 |
| color | 设置水平线的颜色 | 可用颜色名称、十六进制#RGB、rgb（r，g，b） |
声明：“来自于网络，如果侵犯著作权，请联系删除”
11万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
