首頁  >  文章  >  css背景程式碼大全

css背景程式碼大全

zbt
zbt原創
2023-11-01 10:21:542114瀏覽

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

css背景程式碼大全

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn