色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3 斜紋背景

錢諍諍1年前8瀏覽0評論

CSS3中提供了多種方式實現(xiàn)斜紋背景。下面介紹其中比較常用的兩種方式。

使用線性漸變

background: linear-gradient(135deg, #c3cfe2 25%, #8e9eab 25%, #8e9eab 50%, #bdc5d0 50%, #bdc5d0 75%, #ffffff 75%);

其中,我們通過linear-gradient函數(shù)設(shè)置了背景,首先設(shè)置斜線的角度是135度,然后重復(fù)設(shè)置了四個顏色分別表示左上角,右上角,右下角和左下角的顏色。

使用transform

background: #c3cfe2;
transform: skew(-20deg);

我們先設(shè)置背景顏色,然后使用transform屬性把元素傾斜20度。傾斜角度可以根據(jù)實際需要進(jìn)行修改,同時也可以使用transform-origin屬性設(shè)置傾斜的起點(diǎn)位置。

需要注意的是,使用上述方式設(shè)置斜紋背景時,背景顏色會被拉伸,因此可能需要使用background-size屬性進(jìn)行調(diào)整。