html横线hr样式
时间: 2024-07-05 09:00:44 浏览: 187
hr 水平线样式示例代码
HTML中的`<hr>`标签用于创建水平线(horizontal rule),这是一种视觉分隔器,常用于页面布局中分隔段落或标题。`<hr>`的样式可以通过CSS进行定制,包括宽度、高度、颜色、对齐方式等。基本用法如下:
```html
<hr>
```
这是默认样式,生成一条简单的单色水平线。
要定制样式,可以添加CSS类或使用`style`属性。例如:
```html
<!-- 使用CSS类 -->
<div class="custom-hr">
<hr>
</div>
<style>
.custom-hr hr {
width: 80%;
height: 4px; /* 可以设置高度 */
background-color: #ccc; /* 设置颜色 */
margin: 1em 0; /* 设置上下边距 */
border: none; /* 去除默认边框 */
text-align: center; /* 设置水平对齐方式 */
}
</style>
```
阅读全文