首頁 > web前端 > css教學 > 主體

css background屬性怎麼用

silencement
發布: 2022-05-27 16:47:54
原創
4238 人瀏覽過

background是一個簡寫屬性,可以在一個聲明中設定背景顏色、背景位置、背景大小、背景平鋪方式、背景圖片等樣式,語法「background:顏色圖片位置/大小平鋪方式bg -origin 繪製區域bg-attachment;」。

css background屬性怎麼用

css background屬性定義和用法

background 簡寫屬性在一個宣告中設定所有的背景屬性:

  • background-color

  • #background-position

  • background-size

  • #background-repeat

  • background-origin

  • background-clip

  • background-attachment

  • background-image

語法:

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment ;
登入後複製

css background屬性怎麼用

如果不設定其中的某個值,也不會出問題,例如background:#ff0000 url('smiley.gif'); 也是允許的。

通常建議使用這個屬性,而不是分別使用單一屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。

css background屬性怎麼用

實例

#如何在一個宣告中設定所有背景屬性

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }
登入後複製

瀏覽器支援

所有瀏覽器都支援background 屬性。

註解:IE8 以及更早的瀏覽器不支援一個元素多個背景圖像。

註解:IE7 以及更早的瀏覽器不支援 "inherit"。 IE8 需要 !DOCTYPE。 IE9 支援 "inherit"。

以上是css background屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板