文章插圖
background-color
? background-color屬性用來為元素設(shè)置背 景顏色 。
? 需要指定一個顏色值 ， 當(dāng)指定了一個顏色 以后 ， 整個元素的可見區(qū)域都會使用這個 顏色作為背景色 。
? 如果不設(shè)置背景顏色 ， 元素默認(rèn)背景顏色 為透明 ， 實際上會顯示父元素的背景顏色 。
background-image
? background-image可以為元素指定背景 圖片 。
? 和background-color類似 ， 這不過這里是 用的是一個圖片作為背景 。
? 需要一個url地址作為參數(shù) ， url地址需要指 向一個外部圖片的路徑 ? 例如：background-image: url(1.jpg)
background-repeat
? background-repeat用于控制背景圖片的 重復(fù)方式 。
? 如果只設(shè)置背景圖片默認(rèn)背景圖片將會使 用平鋪的方式 ， 可以通過該屬性進(jìn)行修改 。
? 可選值：
– repeat：默認(rèn)值 ， 圖片左右上下平鋪
– no-repeat：只顯示圖片一次 ， 不會平鋪
– repeat-x：沿x軸水平平鋪一張圖片
– repeat-y：沿y軸水平平鋪一張圖片
background-position
? background-position用來精確控制背景 圖片在元素中的位置 。
? 可以通過三種方式來確定圖片在水平方向 和垂直方向的起點 。
– 關(guān)鍵字：top right bottom left center
– 百分比
– 數(shù)值
background-attachment
? background-attachment用來設(shè)置背景圖 片是否隨頁面滾動 。
? 可選值：
– scroll：隨頁面滾動
– fixed：不隨頁面滾動
background
? background是背景的簡寫屬性 ， 通過這個 屬性可以一次性設(shè)置多個樣式 ， 而且樣式 的順序沒有要求 。
? 例如： background: green url(1.jpg) no-repeat center center fixed;
CSS Sprite
? CSS Sprites是一種網(wǎng)頁圖片應(yīng)用處理方式 。
? 通過這種方式我們可以將網(wǎng)頁中的零星圖 片集中放到一張大圖上 。
? 這樣一來 ， 一次請求便可以同時加載多張 圖片 ， 大大提高了圖片的加載效率 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

• 放大鏡視頻制作方法 ae放大鏡效果怎么做
• 蘋果手機取消靜音設(shè)置方法 iphone靜音模式怎么關(guān)
• pscc破解版安裝教程 pscc2017破解補丁安裝方法
• 安卓手機中文版cad制圖 cad2007軟件基礎(chǔ)設(shè)置
• 微信設(shè)置無地址具體步驟 怎么把微信地區(qū)設(shè)置空白
• 金錢桐的養(yǎng)殖方法 金錢桐怎么養(yǎng)殖
• 盆栽礬根的養(yǎng)殖方法 礬根的養(yǎng)殖方法和注意事項
• 世上最簡單的健身方法
• 胸肌最快的鍛煉方法是什么？
• 身體的部位練啞鈴方法有哪些？