其他分享
首页 > 其他分享> > 水平线标记的用法和属性

水平线标记的用法和属性

作者:互联网

下面通过水平线分割段落文本来演示<hr/ >标记的用法和属性

效果图如下:

1-9

废话少数,上代码:

<!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