這篇文章給大家分享的是有關(guān)css怎樣設(shè)置背景顏色的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為友誼企業(yè)提供專業(yè)的做網(wǎng)站、成都做網(wǎng)站,友誼網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
css設(shè)置背景顏色的方法:首先創(chuàng)建一個(gè)HTML示例文件;然后在head頭部中添加style標(biāo)簽;接著在body中定義一個(gè)p標(biāo)簽和h2標(biāo)簽;最后通過background-color屬性設(shè)置相應(yīng)的背景顏色即可。
css設(shè)置背景顏色的方法
在CSS中,可以使用background-color屬性來設(shè)置背景顏色。
background-color屬性設(shè)置一個(gè)元素的背景顏色。元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。
background-color屬性為元素設(shè)置一種純色。這種顏色會(huì)填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域,擴(kuò)展到元素邊框的外邊界(但不包括外邊距)。如果邊框有透明部分(如虛線邊框),會(huì)透過這些透明部分顯示出背景色。
background-color屬性可以設(shè)置的值:
color_name:規(guī)定顏色值為顏色名稱的背景顏色(比如 red)。
hex_number:規(guī)定顏色值為十六進(jìn)制值的背景顏色(比如 #ff0000)。
rgb_number:規(guī)定顏色值為 rgb 代碼的背景顏色(比如 rgb(255,0,0))。
transparent:默認(rèn)。背景顏色為透明。
盡管在大多數(shù)情況下,沒有必要使用 transparent。不過如果您不希望某元素?fù)碛斜尘吧瑫r(shí)又不希望用戶對(duì)瀏覽器的顏色設(shè)置影響到您的設(shè)計(jì),那么設(shè)置 transparent 值還是有必要的。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
background-color: pink;
}
h2 {
background-color: #17c4ff;
}
p {
background-color: rgb(255, 218, 51);
}
</style>
</head>
<body>
<h2>這是標(biāo)題 1</h2>
<p>這是一個(gè)段落。</p>
</body>
</html>效果圖:

感謝各位的閱讀!關(guān)于“css怎樣設(shè)置背景顏色”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
網(wǎng)頁題目:css怎樣設(shè)置背景顏色
當(dāng)前路徑:http://chinadenli.net/article6/gdgpig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、微信公眾號(hào)、外貿(mào)建站、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
移動(dòng)網(wǎng)站建設(shè)知識(shí)