Wie macht man eine vertikale Linie mit HTML?
Fügen Sie ein <div>
um das Markup herum ein, wo die Zeile als nächstes erscheinen soll, und verwenden Sie CSS, um sie zu gestalten:
.verticalLine {
border-left: thick solid #ff0000;
}
<div class="verticalLine">
some other content
</div>
Es gibt keine vertikale Entsprechung für das Element <hr>
. Ein Ansatz, den Sie jedoch ausprobieren können, ist die Verwendung eines einfachen Rahmens links oder rechts von dem, was Sie abtrennen wollen:
#your_col {
border-left: 1px solid black;
}
<div id="your_col">
Your content here
</div>
Es gibt keinen Tag, um eine vertikale Linie in HTML zu erzeugen.
Methode: Sie laden ein Linienbild. Dann legen Sie den Stil fest, z.B. "height: 100px ; width: 2px"
Methode: Sie können <td>
Tags verwenden <td style="border-left: 1px solid red; padding: 5px;"> X </td>