這篇文章要跟大家介紹的文章內容是關於淺析CSS中background背景的用法，有很好的參考價值，希望可以幫助到有需要的朋友。

定義與用法

基本屬性：color, image, position, repeat

背景顏色background-color

值為顏色值或transparent二者選其一,預設值是transparent（透明）。

• 顏色值可以是16進位顏色碼或RGB顏色值，也可以是英文程式碼。不建議使用英文程式碼，不同瀏覽器對不同顏色代碼處理的效果有可能不同。

• 設定背景顏色作為後備也是很重要的。背景顏色在各處都得到了支持，而背景梯度等更奇異的特性只在較新的瀏覽器中得到支持，加上背景圖像可能由於某種原因無法加載。因此，設定基本的背景顏色和指定這些特性是一個好主意，因此無論如何，元素的內容都是可讀的。

背景圖片 background-image

#指定顯示的背景圖片，以url()設定路徑。

• 預設的圖片重複方式為水平垂直皆重複。

背景重複background-repeat

#指定背景圖像如何重複的，預設值是repeat（一直重複，直到整個元素的背景被填滿）

background-position

• 可輸入兩個值代表 X 軸和 Y 軸，也可以只輸入一個值。

• 可輸入長度值（px等）、相對值（rem等）、百分比、關鍵字（

  left，center，right,top，bottom）

• #若只輸入一個值，則代表X 軸的值，Y 軸變成

  center

• 值可以混搭，如

  background-position:9px top;

background-attachment

css中border-sizing屬性的用法

以上是淺析CSS中background背景的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！