CSS background屬性(背景屬性)詳解
發(fā)布時間：2013-08-12 15:47:45 作者：佚名 
我要評論
我要評論可在background屬性中設(shè)置所有的背景屬性，下面為大家詳細介紹下各個屬性的含義，初學者可以參考下，希望對大家學習css有所幫助
可以在background屬性中設(shè)置所有的背景屬性?？梢栽O(shè)置如下屬性：
•background-color 顏色
•background-position 位置
•background-size 大小
•background-repeat 如何重復(fù)背景圖像
•background-origin 背景圖片的定位區(qū)域
•background-clip 背景的繪制區(qū)域
•background-attachment 是否固定或者隨著頁面滾動
•background-image 背景圖像
設(shè)置的時候，不需要設(shè)置所有的值，可以有選擇的設(shè)置。不要分別設(shè)置每一個值，而是將所有的屬性寫在background中。
•background-color 顏色
•background-position 位置
•background-size 大小
•background-repeat 如何重復(fù)背景圖像
•background-origin 背景圖片的定位區(qū)域
•background-clip 背景的繪制區(qū)域
•background-attachment 是否固定或者隨著頁面滾動
•background-image 背景圖像
設(shè)置的時候，不需要設(shè)置所有的值，可以有選擇的設(shè)置。不要分別設(shè)置每一個值，而是將所有的屬性寫在background中。
相關(guān)文章
- 記得當時我剛買計算機, 上網(wǎng)下載圖片總是下載到一個透明的 GIF 圖片, 百思不得其解, 所以研究了一番. 后來發(fā)現(xiàn)網(wǎng)站上的圖片都是通過背景的方式顯示出來的,接下來介紹如何用2012-12-25
- 背景屬性是給網(wǎng)頁添加背景色或者背景圖所用的CSS樣式，它的能力遠遠超于html之上。2011-01-05
- 背景(background)在項目中經(jīng)常會使用。這篇文章主要講解的是實際項目中的5個實例。通過具體的分析來達到學習的目的。2009-09-14
純css實現(xiàn)元素下出現(xiàn)橫線動畫（background-image）
這篇文章主要介紹了純css實現(xiàn)元素下出現(xiàn)橫線動畫（background-image）的相關(guān)資料,需要的朋友可以參考下2018-12-06
CSS3基于背景裁剪（background-clip）實現(xiàn)的文本標題透視特效源碼
這是一款CSS3基于背景裁剪（background-clip）實現(xiàn)的文本標題透視特效源碼。畫面上的外星球與飛船背景中央呈現(xiàn)出帶有背景剪切透視的文本視覺效果。同時可響應(yīng)鼠標的移動呈2017-11-17
css3實現(xiàn)一個div設(shè)置多張背景圖片及background-image屬性實例演示
這篇文章主要介紹了css3實現(xiàn)一個div設(shè)置多張背景圖片及background-image屬性,同時對于css3背景漸變也做了詳細的解釋,水平漸變,左上角漸變等等方式,需要的朋友可以參考下2017-08-10- 固定背景圖片的通常方法就是把background-attachment設(shè)成fix,進一步的話自然則是用background-position,下面來詳解使用CSS固定頁面背景圖片及位置的方法:2016-05-17
- 這篇文章主要介紹了使用CSS3來實現(xiàn)滾動視差效果的教程,主要使用到了background-attachment屬性,需要的朋友可以參考下2015-08-24
- 這篇文章主要介紹了CSS3屬性background-size使用指南,需要的朋友可以參考下2014-12-09
這篇文章主要介紹了CSS中的背景屬性background的相關(guān)知識，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-30
