CSS3中background背景的使用

2021-06-25 12:53:36 字數 399 閱讀 1512

1. background漸變色例子:

2. background-clip裁剪區域

background-clip有三種屬性:

border, padding, content.

分別指覆蓋border的區域, 覆蓋padding區域裁剪border. 覆蓋content區域裁剪border和padding.

3.background-origin背景顯示開始點

同樣有border(從邊框開始顯示背景圖),

padding(從padding開始背景圖),

content(從真正內容開始顯示背景圖).

CSS3 背景 background 屬性

background color 顏色值 預設的值是 transparent 透明色 background image none url url 引數 作用none 無背景圖 預設的 url使用絕對或相對位址指定背景影象 background repe repeat no repeat repeat...

background的css3新屬性

屬性值 border box繪製邊框以內的區域 padding box 繪製內邊距以內的區域 centent box 僅繪製內容區域 屬性值 border box 從border的左上角開始定位 padding box 從padding的左上角開始定位 content box 從內容區的左上角開始定...

巧用CSS3之background漸變

常見斑馬loading 上圖是我們常見的loading進度條,以前都是用一張背景平鋪的。其實如果拋去相容性因素,我們可以用零純樣式來實現。一,首先,我們先為容器定義乙個純藍色背景 box這樣就形成了四等分的條紋,但這顯然不是我們想要的結果。三,設定傾斜角度。linear gradient是可以設定傾...