水平线标记的用法和属性
作者:互联网
下面通过水平线分割段落文本来演示<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) |
标签:标记,平面设计,默认,像素,水平线,用法,属性 来源: https://blog.csdn.net/weixin_45737330/article/details/120385721