css3設定背景

2021-09-02 22:42:20 字數 1064 閱讀 9128

可以新增一張或者多張**:

**background-image:url( url(

*background-position: right bottom, left top center; * 作用分別是將背景放在右邊、底、左、上、居中;

background: url(img1.gif) right bottom no-repeat, url(*****.gif) left top repeat;
background-origin屬性指定了背景影象的位置區域

background-origin:content-box將背景圖放在上面指定區域

background-image: url(img_flwr.gif), url(*****.gif);

background-position: right bottom, left top;

background-repeat: no-repeat, repeat;

屬性

描述background-color

設定背景顏色

background-image

設定背景圖

background-position

設定背景圖位置

background-repeat

設定背景圖如何重複

background-origin

規定背景的定位區域

background-size

規定背景的尺寸

在水平方向上重複背景圖:

background-repeat:repeat-x;
在豎直方向上重複背景圖:
background-repeat:repeat-y;
固定背景圖:
background-attachment:fixed;

CSS3背景設定

1.背景尺寸 新增背景 a 控制背景大小 具體數值控制background size 500px 500px b 百分比控制 background size 100 50 c cover會保證完全覆蓋盒子,但不能保證完全顯示,會超出 background size cover 全屏背景自適應比較好實...

css3 設定背景樣式

1.設定背景顏色 background color red 2.設定背景background image url x 注 3.設定背景平鋪 background repeat no repeat 引數說明 4.設定滾動容器的背景行為 跟隨滾動 固定 background attachment fix...

css3 動態背景

動態背景 利用多層背景的交替淡入淡出,實現一種背景在不停變換的效果,先看圖。效果圖 demo位址 步驟 1.利用css的radial gradient建立乙個映象漸變的背景。其中的80 20 為漸變中心的x,y位置。具體的radial gradient用法可以參見這裡 2.重複第一步建立4個擁有不同...