CSS-Hintergrundfarbe festlegen-CSS-Tutorial-php.cn

CSS-Hintergrundfarbe festlegen

藏色散人

Freigeben： 2022-12-30 11:12:00

Original

31307 Leute haben es durchsucht

So legen Sie die Hintergrundfarbe in CSS fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann ein p-Tag und ein h1-Tag im Textkörper hinzu . Dürfen.

Die Betriebsumgebung dieses Artikels: Acer S40-51, Windows 10 Home Chinese Edition, HTML5&&CSS3&&HBuilder Verwenden Sie die Eigenschaft „Hintergrundfarbe“, um die Hintergrundfarbe festzulegen.

Die Eigenschaft „Hintergrundfarbe“ legt die Hintergrundfarbe eines Elements fest. Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich Innenabstand und Rändern (jedoch nicht der Ränder). Die Eigenschaft „Hintergrundfarbe“ 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. Die Werte, auf die das Attribut

background-color gesetzt werden kann: color_name: 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 die Hintergrundfarbe an, deren Farbwert RGB-Code ist (z. B. rgb(255,0,0)).

transparent: Standard. Die Hintergrundfarbe ist transparent.

In den meisten Fällen besteht jedoch keine Notwendigkeit, transparent zu verwenden. Wenn Sie jedoch nicht möchten, dass ein Element eine Hintergrundfarbe hat und Sie nicht möchten, dass sich die Browser-Farbeinstellungen des Benutzers auf Ihr Design auswirken, ist es dennoch erforderlich, den Transparenzwert festzulegen.

Beispiel:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            background-color: pink;
        }

        h1 {
            background-color: #17c4ff;
        }

        p {
            background-color: rgb(255, 218, 51);
        }
    </style>
</head>
<body>
<h1>这是标题 1</h1>
<p>这是一个段落。</p>
</body>
</html>

Nach dem Login kopieren

Rendering:

Das obige ist der detaillierte Inhalt vonCSS-Hintergrundfarbe festlegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!