首頁 > web前端 > css教學 > css如何清除背景顏色

css如何清除背景顏色

王林
發布: 2023-01-06 11:14:13
原創
6255 人瀏覽過

css清除背景顏色的方法是,為背景加上background-color屬性,並將屬性值設為transparent,這樣背景顏色就被清除了,如【background-color: transparent】。

css如何清除背景顏色

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

如果我們要清除背景顏色,可以利用background-color屬性來把背景顏色變透明,從而達到清除背景顏色的母的。

background-color 屬性設定元素的背景顏色。

注意:

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

常用屬性值:

  • color_name    規定顏色值為顏色名稱的背景顏色(例如 red)。   

  • hex_number    規定顏色值為十六進位值的背景顏色(例如 #ff0000)。   

  • rgb_number    規定顏色值為 rgb 程式碼的背景顏色(例如 rgb(255,0,0))。   

  • transparent    預設。背景顏色為透明。   

  • inherit    規定應該從父元素繼承 background-color 屬性的設定。   

程式碼範例:
##

<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">这个段落设置了内边距。</p>

</body>
</html>
登入後複製

相關影片教學:

css影片教學

以上是css如何清除背景顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板