位置:首頁 > 軟件下載 > UI設計

css設置背景顏色

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

文件大小:

軟件介紹

背景色

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

 

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

p {background-color: gray;}

 

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

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

 

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

 

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

實例代碼,可以試試看:

<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>這是標題 1</h1>

<h2>這是標題 2</h2>

<p>這是段落</p>

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

</body>

</html>

   


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

版權(quán)聲明:

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

2 本站將不對任何資源負法律責任,所有資源請在下載后24小時內(nèi)刪除。

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

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

返回頂部