Kaip sukurti vertikalią liniją naudojant HTML?
Aplink žymę, kurioje norite, kad linija būtų rodoma toliau, uždėkite <div>
ir naudokite CSS stilių:
.verticalLine {
border-left: thick solid #ff0000;
}
<div class="verticalLine">
some other content
</div>
Nėra vertikalaus atitikmens elementui <hr>
. Tačiau vienas iš būdų, kurį galite išbandyti, yra naudoti paprastą apvadą, esantį kairėje arba dešinėje bet ko, ką atskiriate:
#your_col {
border-left: 1px solid black;
}
<div id="your_col">
Your content here
</div>
HTML nėra jokios žymės, kuria būtų galima sukurti vertikalią liniją.
Metodas: Įkeliamas linijos vaizdas. Tada nustatote jo stilių, pavyzdžiui, "height: 100px ; width: 2px"
.
Metodas: Galite naudoti <td>
žymes <td style="border-left: 1px solid red; padding: 5px;"> X </td>