水平线标记的用法和属性

2021/9/19 23:39:28

编程Tag： 用法属性默认标记像素水平线平面设计

本文主要是介绍水平线标记的用法和属性，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

下面通过水平线分割段落文本来演示<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）

这篇关于水平线标记的用法和属性的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

水平线标记的用法和属性

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

效果图如下：

废话少数，上代码：

重点：

相关编程文章