css布局中如何配置背景顏色

這篇文章主要介紹了css布局中如何配置背景顏色，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

公司主營(yíng)業(yè)務(wù)：做網(wǎng)站、網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出三門(mén)峽免費(fèi)做網(wǎng)站回饋大家。

一、語(yǔ)法與結(jié)構(gòu)

1、語(yǔ)法：
bac千克round : background-color || bac公斤round-image || bac公斤round-repeat || background-attachment || bac千克round-position

2、bac千克round參數(shù)闡明：
bac千克round屬性是復(fù)合屬性。通俗說(shuō)background后值可以配置為多值，譬喻 同時(shí)設(shè)置配景色彩、布景圖片 配景圖片反復(fù)平鋪狀況等詳細(xì)布景細(xì)節(jié)控制。

二、background屬性分拆

1、徑自布景顏色
bac公斤round-color:#000
設(shè)置后盾色采為彩色。
但保舉簡(jiǎn)寫(xiě)：
background:#000
去掉background-color中-color，成績(jī)近似華侈代碼

2、配景圖片
bac千克round-image:url(后臺(tái)圖片所在);bac千克round-repeat:no-repeat;bac千克round-position:10px 20px
配置后援圖片（引入圖片做配景），圖片不一再不服鋪（bac公斤round-repeat:no-repeat;），圖片作為配景后圖片隔斷對(duì)象左邊10px起源顯示，圖片隔斷對(duì)象上邊20px顯示（bac千克round-position:10px 20px）。

推薦簡(jiǎn)寫(xiě)：
background:url(后援圖片所在) no-repeat 10px 20px;
后臺(tái)CSS值空格隔開(kāi)就可，儉約代碼同時(shí)功效相斥，對(duì)照徑自屬性設(shè)置裝備擺設(shè)與縮寫(xiě)簡(jiǎn)寫(xiě)bac千克round看看可否節(jié)流CSS代碼。

三、bac千克round剖析圖

css bac公斤round布景花樣結(jié)構(gòu)闡發(fā)圖

以上CSS配置后臺(tái)色調(diào)為#CCC，引入圖片logo.gif（門(mén)路不一定正確 否則無(wú)法表示引入布景圖片），后盾圖片中對(duì)象中不幾回再三顯露，圖片靠左隔絕距離10px和靠上間隔20px初階展示。

四、設(shè)置裝備擺設(shè)后援色彩

背景色彩或者新手會(huì)想到應(yīng)用bac公斤round-color來(lái)配置，但推薦簡(jiǎn)寫(xiě)法子揮霍代碼縮寫(xiě)直接用background屬性便可。

下列示例為了便于考察布景名堂在DIV內(nèi)種種花樣，以是均設(shè)置裝備擺設(shè)CSS寬度、CSS高度花樣。

1、靠山色彩設(shè)置實(shí)例CSS代碼

.logo{width:405px;height:200px;bac千克round:#F00}

background:#F00設(shè)置背景色采為血色

2、html代碼：

<div class="logo"></div>

3、實(shí)例造詣截圖

配置class=logo對(duì)象布景顏色為赤色

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css布局中如何配置背景顏色”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

當(dāng)前標(biāo)題：css布局中如何配置背景顏色
文章路徑：http://bm7419.com/article32/pscdpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、企業(yè)建站、網(wǎng)站維護(hù)、軟件開(kāi)發(fā)、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)