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;
}
キャンプの鐘燦が教えてくれた方法
彼は私のようなコードが軽量化の方法だと言った.
.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;
ということを知りませんが、一つ知っています.💖
Reference
この問題について(2本の横線をCSSに接続する方法), 我々は、より多くの情報をここで見つけました https://velog.io/@ewaterbin/CSS-로-양-옆-line-주는-방식テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol