css設(shè)置背景顏色

2022-06-12發(fā)布者：ylm大?。?/span> 下載：0

文件大小:

軟件介紹

背景色

可以使用 background-color 屬性為元素設(shè)置背景色。這個(gè)屬性接受任何合法的顏色值。

 

這條規(guī)則把元素的背景設(shè)置為灰色：

p {background-color: gray;}

 

如果您希望背景色從元素中的文本向外少有延伸，只需增加一些內(nèi)邊距：

p {background-color: gray; padding: 20px;}

 

可以為所有元素設(shè)置背景色，這包括 body 一直到 em 和 a 等行內(nèi)元素。

 

background-color 不能繼承，其默認(rèn)值是 transparent。transparent 有“透明”之意。也就是說，如果一個(gè)元素沒有指定背景色，那么背景就是透明的，這樣其祖先元素的背景才能可見。

實(shí)例代碼，可以試試看：

<html>

<head>

<style type="text/css">

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

</head>

<body>

<h1>這是標(biāo)題 1</h1>

<h2>這是標(biāo)題 2</h2>

<p>這是段落</p>

<p class="no2">這個(gè)段落設(shè)置了內(nèi)邊距。</p>

</body>

</html>

   


發(fā)表評(píng)論(共0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)，評(píng)論內(nèi)容只代表網(wǎng)友觀點(diǎn)，發(fā)表審核后顯示！

版權(quán)聲明：

1 本站所有資源（含游戲）均是軟件作者、開發(fā)商投稿，任何涉及商業(yè)盈利目的均不得使用，否則產(chǎn)生的一切后果將由您自己承擔(dān)！

2 本站將不對(duì)任何資源負(fù)法律責(zé)任，所有資源請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。

3 若有關(guān)在線投稿、無法下載等問題，請(qǐng)與本站客服人員聯(lián)系。

4 如侵犯了您的版權(quán)、商標(biāo)等，請(qǐng)立刻聯(lián)系我們并具體說明情況后，本站將盡快處理刪除，聯(lián)系QQ:2499894784

返回頂部