css中背景顏色怎么設置?用background-color屬性


css中背景顏色怎么設置?用background-color屬性,用英文小寫符號:連接background-color屬性的值即可,寫法如下:

background-color:;

background-color屬性為元素設置一種純色。這種顏色會填充元素的內容、內邊距和邊框區域,擴展到元素邊框的外邊界(但不包括外邊距)。如果邊框有透明部分(如虛線邊框),會透過這些透明部分顯示出背景色。

當你需要修改背景顏色的時候,只需要修改這個【】即可,background-color屬性的值非常多,具體如下:

描述
color_name 規定顏色值為顏色名稱的顏色(比如 red)。
hex_number 規定顏色值為十六進制值的顏色(比如 #ff0000)。
rgb_number 規定顏色值為 rgb 代碼的顏色(比如 rgb(255,0,0))。
inherit 規定應該從父元素繼承顏色。

為了給網友們展示background-color屬性不同的值的對比效果,范如樂單獨設置了3個樣式:

.juli1{background-color: yellow;}

.juli2{background-color: #00ff00;}

.juli3{background-color: rgb(250,0,255);}

每個樣式應用到一個p標簽中:

<p class=”juli1″>這里用yellow值把背景顏色設置成黃色。</p>

<p class=”juli2″>這里用#00ff00值把背景顏色設置成綠色。</p>

<p class=”juli3″>這里用rgb(250,0,255)值把背景顏色設置成紫色。</p>

效果如圖:

background-color屬性不同的值的對比效果圖示

學會了用css添加背景顏色后,下一節,我們學習用css添加背景圖片,詳情點擊:《怎么在css里面設置背景圖片?用background-image屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8054.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: