本文主要是介绍水平线标记的用法和属性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
下面通过水平线分割段落文本来演示<hr/
>标记的用法和属性
效果图如下:
![1-9](/upload/202109/19/202109192339282756.png)
废话少数,上代码:
<!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) |
这篇关于水平线标记的用法和属性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!