Hvordan endre tekstgjennomsiktighet i HTML/CSS?
CSS tilbyr metoder for å style websider. Det gir mange stylingegenskaper som brukere kan bruke forskjellige effekter i frontend -utvikling, og åpenhet er en av dem. Det lar brukere angi hvor gjennomsiktige elementene på websidene deres vises. Brukere kan også angi gjennomsiktighet av bakgrunn, bilde, tekst eller et annet element ved å bruke CSS “Opacitet”Eiendom.
Dette innlegget vil demonstrere metoden for å endre tekstgjennomsiktighet i HTML og CSS.
Hvordan endre tekstgjennomsiktighet i HTML/CSS?
For å endre tekstgjennomgangen til en HTML -side ved hjelp av CSS, prøv den gitte prosedyren.
Trinn 1: Lag en beholder
Først må du lage en "div”Container ved hjelp av“" stikkord. Sett deretter inn en "klasse”Med et bestemt navn.
Trinn 2: Legg til avsnitts taggen
Neste, legg til “”Tag for å legge inn tekst i form av et avsnitt og tilordne den en“id" Egenskap:
Tekst med 50% åpenhet
Tekst med 100% åpenhet
Det kan legges merke til at teksten er lagt til vellykket:
Trinn 3: Legg til bilde
I CSS -delen, først, få tilgang til "”Element ved hjelp av tagnavn og bruk følgende CSS -egenskaper:
kroppBakgrunnsbilde: URL (bakgrunn.png);
Bakgrunnsrepetitt: No-Repeteat;
Her:
- “bakgrunnsbilde”Eiendom brukes til å angi bakgrunnsbilde ved hjelp av“URL ()”. Inne i parentesene, spesifiser kilden eller nettadressen til bildet.
- “Bakgrunnsrepetitt”Er en eiendom som brukes til å gjenta bildet. For eksempel har vi satt "Bakgrunnsrepetitt" som "Ingen repeter”.
Trinn 4: Stil “Div” -element
Nå, få tilgang til begge “div”Elementer som har“.åpenhet”Klasse, så tilgang” .åpenhet P I ovennevnte kode: Produksjon Trinn 5: Stil først " ”Element Få tilgang til “”Element som har“para-1”Id. For dette formålet har vi brukt "#”Valg for å få tilgang til spesifikk ID og bruke de nevnte egenskapene: Beskrivelsen av ovennevnte kode er som følger: Produksjon Trinn 6: Stil andre “ ”Element Få tilgang til “”Element som har ID”#para-2”, Og bruk de samme egenskapene: Produksjon Det kan observeres at vi har endret tekstgjennomsiktighet i HTML ved hjelp av CSS. Konklusjon For å endre tekstgjennomgangen til elementet, oppretter først elementene, for eksempel "”. Tilordne det en ID -attributt for å få tilgang til den i CSS. Etter det, bruk "#”Velger sammen med“id”For å få tilgang til elementet etter ID. Bruk “Tekstskygge”Eiendom sammen med“RGBA”Verdi. Til slutt "Mix-blend-modus”Eiendom brukes til å blande fargen med overordnet bakgrunn. Dette innlegget har forklart prosedyren for å endre tekstgjennomsiktighet i HTML ved hjelp av CSS.
Font-størrelse: 40px;
Font-Family: Arial, Sans-Serif;
Brevavstand: 5px;
Fontvekt: fet;
Tekstskygge: 0 5px 10px RGBA (0, 0, 0, 0.5);
Farge: #FFF;
Mix-Blend-Mode: Overlay;
Tekstskygge: 0 5px 10px RGBA (0, 0, 0, 0.5);
Farge: #FFF;
Mix-Blend-Mode: Overlay;