Heim > Artikel > Web-Frontend > So löschen Sie die Hintergrundfarbe in CSS
So löschen Sie die Hintergrundfarbe in CSS
- 王林Original
- 2021-05-19 14:44:096215Durchsuche
Die Möglichkeit, die Hintergrundfarbe in CSS zu löschen, besteht darin, das Attribut „Hintergrundfarbe“ zum Hintergrund hinzuzufügen und den Attributwert auf „Transparent“ zu setzen, sodass die Hintergrundfarbe gelöscht wird, z. B. [Hintergrundfarbe: transparent].
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Wenn wir die Hintergrundfarbe löschen möchten, können wir das Attribut „Hintergrundfarbe“ verwenden, um die Hintergrundfarbe transparent zu machen und dadurch die Hintergrundfarbe zu löschen. Die Eigenschaft „background-color“ legt die Hintergrundfarbe des Elements fest.
Hinweis: Die Eigenschaft
background-color legt eine Volltonfarbe für das Element fest. Diese Farbe füllt den Inhalt, die Polsterung und die Randbereiche des Elements und erstreckt sich bis zu den äußeren Grenzen des Elementrands (jedoch nicht bis zu den Rändern). Wenn der Rahmen transparente Teile hat (z. B. einen gepunkteten Rand), wird die Hintergrundfarbe durch diese transparenten Teile hindurchscheinen.
Häufig verwendete Attributwerte:
- Farbname gibt an, dass der Farbwert die Hintergrundfarbe des Farbnamens ist (z. B. Rot).
- hex_number Gibt die Hintergrundfarbe an, deren Farbwert ein Hexadezimalwert ist (z. B. #ff0000).
- rgb_number gibt den Farbwert als Hintergrundfarbe des RGB-Codes an (z. B. rgb(255,0,0)).
- transparente Standardeinstellung. Die Hintergrundfarbe ist transparent.
- inherit gibt an, dass die Einstellung der Eigenschaft „Hintergrundfarbe“ vom übergeordneten Element geerbt werden soll.
- Codebeispiel:
<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>Zugehöriges Video-Tutorial: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo löschen Sie die Hintergrundfarbe in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!