小編給大家分享一下css中background屬性特點是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

為茅箭等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及茅箭網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、網(wǎng)站制作、茅箭網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

簡寫順序：color-image-repeat-attachment-position

eg:body{background:#ffffff url('img.png') no-repeat right top}

下來按順序介紹每個屬性特點：

一、background-color：red；#ffffff；rgb（255,255,255）；

三種顏色表示方法，分別是顏色名，十六進(jìn)制和RGB；可以為所有元素設(shè)置背景色；默認(rèn)透明。

二、background-image：url（‘img.jpg’）

圖片地址可以是相對路徑也可以是絕對路徑；默認(rèn)平鋪重復(fù)顯示；

三、background-repeat：repeat-x；repeat-y；no-repeat；

默認(rèn)平鋪重復(fù)顯示；

四、background-attachment:scroll;fixed;local;inherit;

background-attachment的意思是指背景圖像是否固定或者隨著頁面的其余部分滾動；默認(rèn)scroll；

scroll是指背景圖片隨著頁面其余部分滾動；fixed為固定；inherit是從父元素繼承；local是隨滾動元素滾動。

五、background-position：bottom center;top;66% 33%;50px 100px;

4種表示法：一是top，left，bottom，right，center組合；二是一個值，系統(tǒng)默認(rèn)為center；三是百分比；四是直接寫像素。

后兩種精確度高。

六、background-clip:border-box;padding-box;content-box;規(guī)定背景圖的繪制區(qū)域。

七、background-origin:border-box;padding-box;content-box;規(guī)定背景圖的定位區(qū)域。

注意：如果背景圖像background-attachment是“固定”，這個屬性沒有任何效果。

八、background-size:auto(默認(rèn));length(兩個值，一個寬一個高，一個值的話默認(rèn)第二個是auto);percentage（賦值原理同length）;cover（此時會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小）;contain（此時保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最小大?。?

以上是“css中background屬性特點是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

新聞標(biāo)題：css中background屬性特點是什么-創(chuàng)新互聯(lián)
本文鏈接：http://weahome.cn/article/pggci.html