
文章插圖
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)殖方法和注意事項
- 世上最簡單的健身方法
- 胸肌最快的鍛煉方法是什么?
- 身體的部位練啞鈴方法有哪些?
