CSS是一種用于樣式和布局的語言,它可以用來設(shè)置直線的效果。
在CSS中,我們可以使用多種方式來創(chuàng)建直線,如下所示:
/* 1. 使用邊框?qū)傩?*/ .line1 { border-top: 1px solid black; } /* 2. 使用偽元素 */ .line2::before { content: ""; display: block; border-top: 1px solid black; } /* 3. 使用線性漸變 */ .line3 { background: linear-gradient(to right, black 50%, transparent 50%); background-size: 2px 100%; background-repeat: no-repeat; }
以上三種方法創(chuàng)建的直線均為水平方向的。如果需要創(chuàng)建垂直方向的直線,可以將上述方法中的border-top改為border-right,并去掉background-size和background-repeat屬性。
上一篇過渡色css
下一篇過濾器除去css后綴