Heim > Web-Frontend > CSS-Tutorial > So entfernen Sie Hintergrundfarbe in CSS

So entfernen Sie Hintergrundfarbe in CSS

王林
Freigeben: 2023-01-06 11:14:51
Original
8960 Leute haben es durchsucht

Die Möglichkeit, die Hintergrundfarbe in CSS zu entfernen, besteht darin, das Attribut „Hintergrundfarbe“ zur Hintergrundfarbe hinzuzufügen und den Attributwert auf „transparent“ zu setzen, z. B. [Hintergrundfarbe: transparent;], transparent bedeutet transparenten Effekt.

So entfernen Sie Hintergrundfarbe in CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Tatsächlich ist es für uns sehr einfach, die Hintergrundfarbe zu entfernen, indem wir einfach „background-color:transparent;“ verwenden.

Werfen wir einen Blick auf dieses Attribut.

Die Eigenschaft „Hintergrundfarbe“ legt die Hintergrundfarbe eines Elements fest.

Attributwert:

  • Farbe Gibt die Hintergrundfarbe an. In CSS Color Values ​​ist es möglich, eine vollständige Liste der Farbwerte zu finden.

  • transparent Gibt an, dass die Hintergrundfarbe transparent sein soll. Dies ist die Standardeinstellung.

  • inherit Gibt die Hintergrundfarbe an, die vom übergeordneten Element geerbt werden soll.

Codebeispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
body
{
	background-color:yellow;
}
h1
{
	background-color:#00ff00;
}
p
{
	background-color:rgb(255,0,255);
}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<p>这是一个段落。</p>
</body>

</html>
Nach dem Login kopieren

Sie können den obigen Code lokal speichern und ausführen, um den Effekt zu sehen.

Verwandte Videofreigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Hintergrundfarbe in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage