当前位置:首页 > 行业动态 > 正文

html如何画一条竖线

在HTML中,可以使用<hr>标签来画一条竖线。<hr>标签是一个水平分割线,可以用来分隔内容。

以下是一个简单的例子:

<!DOCTYPE html>
<html>
<head>
    <title>画一条竖线</title>
</head>
<body>
    <h1>使用<hr>画一条竖线</h1>
    <p>这是一段文本。</p>
    <hr>
    <p>这是另一段文本。</p>
</body>
</html>

在这个例子中,<hr>标签被放在了两个段落之间,所以你会看到一条从第一个段落到第二个段落的竖线。

如果你想要在表格中使用竖线,你可以使用<table>标签和<tr>、<td>等标签。

<!DOCTYPE html>
<html>
<head>
    <title>在表格中使用竖线</title>
</head>
<body>
    <h1>在表格中使用<hr>画一条竖线</h1>
    <table border="1">
        <tr>
            <td>这是第一列</td>
            <td><hr></td>
            <td>这是第三列</td>
        </tr>
        <tr>
            <td>这是第二列</td>
            <td><hr></td>
            <td>这是第四列</td>
        </tr>
    </table>
</body>
</html>

在这个例子中,<hr>标签被放在了两个单元格之间,所以你会看到一条从第一列到第三列,然后从第二列到第四列的竖线。

0