css背景程式碼大全

css背景程式碼：1、背景顏色，background-color: color-name;；2、背景圖片，background-image: url('image-url');；3、背景重複，background- repeat: repeat-style;；4、背景位置，background-position: position-style;等等。

CSS背景程式碼大全如下:

#1、背景顏色:

background-color : color-name;

其中,color-name 可以是任何有效的CSS 顏色名稱或十六進位顏色值。

2、背景圖片:

background-image: url('image-url');

其中,image-url 是圖片的URL 位址。

3、背景重複:

background-repeat: repeat-style;

其中,repeat-style 可以是repeat、repeat-x 或repeat-y,表示背景圖片是否需要平鋪或沿特定方向平鋪。

4、背景位置:

background-position: position-style;

#其中,position-style 可以是left、center 或right,表示背景圖片在頁面中的位置。

5、背景大小:

background-size: size-style;

其中,size-style 可以是auto、cover 或contain,表示背景圖片的大小。

6、背景 attachment:

background-attachment: scroll-style;

其中,scroll-style 可以是 scroll、fixed 或 local-origin,表示背景圖片是否隨頁面滾動、固定在頁面上方或與頁面一起滾動。

7、背景顏色和圖片:

background: color-name url('image-url');

#可以將背景顏色和背景圖片一起設定。

8、背景漸層:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

其中,direction 是漸變方向,可以是 to bottom、to top、to left、to right 或 round。 color-stop 是漸層顏色,可以有多個,用逗號分隔。

以上是 CSS 背景程式碼大全,可以依需求進行組合使用。

以上是css背景程式碼大全的詳細內容。更多資訊請關注PHP中文網其他相關文章！