2本の横線をCSSに接続する方法

2206 ワード

ラインを渡す方法を理解してみましょう。



このページまたは横に線を描く方法について説明します.
まず私のやり方はこうです
.line {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 20px;
  font-size: 14px;
  color: #767676;
}

.line::before,
.line::after {
  content: "";
  flex-grow: 1;
  margin: 0 13px;
  background-color: #C4C4C4;
  height: 1px;
}

キャンプの鐘燦が教えてくれた方法


彼は私のようなコードが軽量化の方法だと言った.


似ているように見えますが、このコードで学んだのは

gapは使えますか?


あ、そして

私はbackground-color: currentColor;ということを知りませんが、一つ知っています.💖