水平线 HTML 反应 - HTML

HTML 中的水平线是一种简单的标记，用于在文档中创建横线。以下是一些 HTML 中可用的不同水平线标记。

<hr> 标记

<hr> 标签在 HTML 中用于创建横线。它是一个自关闭标记，不需要结束标记。

语法

<hr>

示例

<p>上面这是一段文字</p>
<hr>
<p>下面这是一段文字</p>

输出结果

上面这是一段文字

下面这是一段文字

<hr> 属性

以下是在 <hr> 标记中可用的一些属性。

align 属性

align 属性定义水平线在页面中的对齐方式。

<hr align="left">
<hr align="center">
<hr align="right">

noshade 属性

noshade 属性定义水平线是否应呈现为立体效果。

<hr noshade>

size 属性

size 属性定义水平线的高度。

<hr size="2">
<hr size="4">
<hr size="6">

width 属性

width 属性定义水平线的宽度。

<hr width="50%">

CSS 表示

水平线也可以使用 CSS 呈现，以下是几个示例。

边框定义

<div class="line"></div>

<style>
.line {
    border-top: 2px solid #ccc;
}
</style>

创建伪元素

<div class="line"></div>

<style>
.line:before {
    content: '';
    display: block;
    height: 2px;
    background-color: #ccc;
}
</style>

背景图片

<div class="line"></div>

<style>
.line {
    background-image: url(./path/to/line.png);
    background-repeat: repeat-x;
    background-position: top left;
    height: 2px;
}
</style>

以上就是关于水平线 HTML 反应的介绍。其中包括了使用 <hr> 标记和 CSS 表示水平线的方法。