Kaip sukurti vertikalią liniją HTML

Kaip sukurti vertikalią liniją naudojant HTML?

Sprendimas

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>
Komentarai (2)

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>
Komentarai (0)

HTML nėra jokios žymės, kuria būtų galima sukurti vertikalią liniją.

  1. Metodas: Įkeliamas linijos vaizdas. Tada nustatote jo stilių, pavyzdžiui, "height: 100px ; width: 2px".

  2. Metodas: Galite naudoti <td> žymes <td style="border-left: 1px solid red; padding: 5px;"> X </td>

Komentarai (0)