C'è un codice colore per trasparente in HTML?

C'è un codice colore per trasparente in HTML?
HTML è ampiamente utilizzato per l'aggiunta di dati sotto forma di tabelle, forme, elenchi e altro ancora. Tuttavia, nessun codice colore è definito specificamente per rendere i dati trasparenti in HTML. Per fare ciò, le proprietà CSS, tra cui "opacità" E "colore", Sono utilizzati per la creazione del testo trasparente. Inoltre, l'opacità definisce il valore per la trasparenza tra 0 e 1, dove "0"Viene aggiunto per renderlo completamente trasparente e"1"Per non trasparenza.

Questo post spiegherà il codice colore per l'aggiunta della trasparenza in HTML.

C'è un codice colore per trasparente in HTML?

No, non esiste un codice colore specifico per rendere gli elementi trasparenti in HTML. Tuttavia, utilizzando il metodo dato, gli utenti possono impostare la trasparenza sull'elemento selezionato:

  • Metodo 1: usando CSS “opacità"Proprietà per l'impostazione della trasparenza in HTML
  • Metodo 2: utilizzando la funzione colore RGBA per l'impostazione della trasparenza in HTML

Metodo 1: utilizzando la proprietà "opacità" CSS per l'impostazione della trasparenza in HTML

Per usare il CSS "opacità"Proprietà, gli utenti possono impostare la trasparenza. Per fare ciò, prova le istruzioni fornite.

Passaggio 1: aggiungi l'intestazione

Innanzitutto, inserire l'intestazione usando "

Passaggio 2: crea un contenitore div

Dopodiché, crea un contenitore di div per utilizzare il ""Elemento. Inoltre, inserisci un attributo di classe e specifica un nome per la classe in base alla tua scelta. Ad esempio, abbiamo aggiunto "trans-contento"Come il nome della classe.

Passaggio 3: aggiungere dati all'elenco

Aggiungi dati tra il ""Tag con l'aiuto di"

    "Tag. Qui, il "
      "Il tag creerà un elenco non ordinato:

      Sito Web Liunuxhint



        Discordia

        HTML/CSS

        Docker

        JavaScript

        Idiota

        finestre

        Powershell

        Bootstrap

      Si può osservare che i dati sono stati aggiunti al contenitore:

      Passaggio 4: accedere al contenitore div

      Ora accedi al contenitore Div con il nome della classe ".trans-contento" e il "."Selettore.

      Passaggio 5: rendere il contenitore trasparente con proprietà "opacità"

      Per rendere trasparenti i dati, applicare le proprietà sotto l'elenco:

      .Trans-Content
      Bordo: 2 px blu solido;
      Background-color: #F3A920;
      Margine: 50px;
      opacità: .4;

      Qui:

      • "confine"La proprietà viene utilizzata per l'aggiunta di un limite intorno al contenitore.
      • "colore di sfondo"Viene utilizzato per specificare il colore sul retro del contenitore.
      • "margine"Assegnare uno spazio fuori dal confine o un bordo.
      • "opacità"La proprietà specifica il livello di opacità per un elemento. Più specificamente, il livello di opacità definisce il livello di trasparenza, in cui 1 mostra che l'elemento non è affatto trasparente, 0.5 viene utilizzato per mostrare trasparenza del 50% e 0 significa completamente trasparente.

      Produzione

      Metodo 2: utilizzando la funzione colore RGBA per l'impostazione della trasparenza in HTML

      Per trasparente i dati utilizzando la funzione colore RGBA, utilizzare il codice HTML sopra:

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

      Qui, "colore"La proprietà definisce il colore del testo e"RGB"È un selettore di colori, dove"UN"Viene utilizzato per il valore dell'alfa, utilizzato per l'impostazione della trasparenza.

      Si trattava di aggiungere trasparenza in HTML.

      Conclusione

      No, non esiste un codice colore per la trasparenza in HTML. Tuttavia, due proprietà di CSS possono essere utilizzate per lo stesso scopo. Ad esempio, il “opacità"La proprietà CSS viene utilizzata per definire il livello di trasparenza. Dove 1 significa che l'elemento non è affatto trasparente e 0.5 mostra la trasparenza del 50%. Inoltre, le proprietà del colore possono anche essere utilizzate con "RGBA"Selettore di colori. Questo post ha dimostrato il metodo per aggiungere trasparenza in HTML.