縦線を引く

CSSで縦線を引く場合の参考です。

HTML

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

CSS

今回は太さ4px、長さ50pxの縦線を引いてみます。

.line {
  position: relative;
  height: 50px;
  background-color: aqua;
}

.line::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 50px;
  background-color: #000000;
}

結果

最後に

特にありません。