Gibt es einen Farbcode für transparent in HTML?

Gibt es einen Farbcode für transparent in HTML?
HTML wird häufig zum Hinzufügen von Daten in Form von Tabellen, Formularen, Listen und mehr verwendet. Es wird jedoch kein Farbcode spezifisch definiert, um die Daten in HTML transparent zu machen. Dazu, CSS -Eigenschaften, einschließlich “Opazität" Und "Farbe”Werden zum Erstellen des Textes transparent verwendet. Darüber hinaus definiert Opazität den Wert für Transparenz zwischen 0 und 1, wo “0"Wird hinzugefügt, um es vollständig transparent zu machen und"1”Für Nichtüberwachung.

Dieser Beitrag erläutert den Farbcode für das Hinzufügen von Transparenz in HTML.

Gibt es einen Farbcode für transparent in HTML?

Nein, es gibt keinen spezifischen Farbcode, um Elemente in HTML transparent zu machen. Durch die Verwendung der angegebenen Methode können Benutzer die Transparenz jedoch auf das ausgewählte Element festlegen:

  • Methode 1: Verwenden von CSS “OpazitätEigenschaft zum Festlegen von Transparenz in HTML
  • Methode 2: Verwenden der RGBA -Farbfunktion zum Einstellen der Transparenz in HTML

Methode 1: Verwenden Sie die CSS -Eigenschaft „Depazität“ zur Feststellung der Transparenz in HTML

Die CSS verwenden “OpazitätEigenschaften können Benutzer die Transparenz festlegen. Probieren Sie dazu die angegebenen Anweisungen aus.

Schritt 1: Überschrift hinzufügen

Fügen Sie zunächst die Überschrift mit dem “ein

Schritt 2: Machen Sie einen Div -Behälter

Machen Sie danach einen DIV -Behälter, um das zu verwenden" Element. Fügen Sie außerdem ein Klassenattribut ein und geben Sie einen Namen für die Klasse nach Ihrer Wahl an. Zum Beispiel haben wir hinzugefügt “Transkontent”Als Klassenname.

Schritt 3: Fügen Sie Daten zur Liste hinzu

Daten dazwischen hinzufügen “"Tag mit Hilfe der"

    " Schild. Hier das "
      Das Tag erstellt eine ungeordnete Liste:

      LiunuxHint -Website



        Zwietracht

        HTML/CSS

        Docker

        JavaScript

        Git

        Fenster

        Power Shell

        Bootstrap

      Es kann beobachtet werden, dass die Daten dem Container hinzugefügt wurden:

      Schritt 4: Zugriff auf DIV -Container

      Greifen Sie nun mit dem Klassennamen auf den Div -Container zu “.Transkontent" und das ".”Selektor.

      Schritt 5: Machen Sie den Container transparent mit der Eigenschaft „Deckkraft“

      Um die Daten transparent zu machen, wenden Sie die folgenden Eigenschaften an:

      .Transkontent
      Grenze: 2px solide blau;
      Hintergrundfarbe: #F3A920;
      Rand: 50px;
      Opazität: .4;

      Hier:

      • GrenzeEigenschaft wird verwendet, um eine Grenze um den Behälter hinzuzufügen.
      • Hintergrundfarbe”Wird verwendet, um die Farbe an der Rückseite des Behälters anzugeben.
      • Rand”Zuweisen einen Raum außerhalb der Grenze oder einer Grenze.
      • Opazität”Eigenschaft gibt die Opazitätsniveau für ein Element an. Insbesondere definiert der Grad der Opazität die Transparenzstufe, wobei 1 zeigt, dass das Element überhaupt nicht transparent ist, 0.5 wird verwendet, um 50% Transparenz zu zeigen, und 0 bedeutet vollständig transparent.

      Ausgang

      Methode 2: Verwenden der RGBA -Farbfunktion zum Einstellen der Transparenz in HTML

      Verwenden Sie den oben genannten HTML -Code, um die Daten mit der RGBA -Farbfunktion zu transparentieren:

      Farbe: RGBA (79, 96, 100, 0.4);

      Hier, "Farbe"Eigenschaft definiert die Farbe des Textes und"RGB"Ist ein Farbauswahl, wo"A”Wird für den Wert von Alpha verwendet, der zum Einstellen der Transparenz verwendet wird.

      Das ging darum, in HTML Transparenz hinzuzufügen.

      Abschluss

      Nein, es gibt keinen Farbcode für Transparenz in HTML. Für denselben Zweck können jedoch zwei Eigenschaften von CSS verwendet werden. Zum Beispiel die “OpazitätCSS -Eigenschaft wird zur Definition des Transparenzniveaus verwendet. Wo 1 bedeutet, dass das Element überhaupt nicht transparent ist und 0.5 zeigt 50% Transparenz. Darüber hinaus können Farbeigenschaften auch mit dem verwendet werdenRGBA”Farbauswahl. Dieser Beitrag hat die Methode zum Hinzufügen von Transparenz in HTML gezeigt.