Comment changer la transparence du texte dans HTML / CSS?
CSS propose des méthodes pour styliser les pages Web. Il fournit de nombreuses propriétés de style à travers lesquelles les utilisateurs peuvent appliquer divers effets dans le développement du frontend, et la transparence est l'une d'entre elles. Il permet aux utilisateurs de définir la transparence des éléments de leurs pages Web. Les utilisateurs peuvent également définir la transparence de l'arrière-plan, de l'image, du texte ou d'un autre élément en utilisant le CSS "opacité" propriété.
Ce message montrera la méthode de modification de la transparence du texte dans HTML et CSS.
Comment changer la transparence du texte dans HTML / CSS?
Pour modifier la transparence du texte d'une page HTML à l'aide de CSS, essayez la procédure donnée.
Étape 1: Créer un conteneur
Tout d'abord, créez un «div«Contaiteur avec l'aide du«" étiqueter. Ensuite, insérez un «classe"Avec un nom particulier.
Étape 2: Ajouter la balise de paragraphe
Ensuite, ajoutez "”Tag pour intégrer du texte sous la forme d'un paragraphe et lui attribuer un«identifiant" attribut:
Texte avec une transparence de 50%
Texte avec une transparence à 100%
On peut remarquer que le texte a été ajouté avec succès:
Étape 3: Ajouter l'image
Dans la section CSS, accédez d'abord à la «”Élément utilisant le nom de la balise et appliquez les propriétés CSS suivantes:
corpsImage de fond: URL (arrière-plan.png);
République de fond: sans répétition;
Ici:
- "image de fond«La propriété est utilisée pour définir l'image d'arrière-plan à l'aide du«URL ()". À l'intérieur des parenthèses, spécifiez la source ou l'URL de l'image.
- "Répétition du fond"Est une propriété utilisée pour répéter l'image. Par exemple, nous avons défini le «Répétition du fond" comme "sans répétition".
Étape 4: Élément de style «div»
Maintenant, accédez aux deux "div«Éléments ayant le«.transparence"Classe, puis accédez" .transparence p Dans le code ci-dessus: Sortir Étape 5: Style d'abord " " Élément Accéder au "”Élément ayant le"para-1" identifiant. À cette fin, nous avons utilisé le «#”Sélecteur pour accéder à ID spécifique et appliquer les propriétés mentionnées: La description du code ci-dessus est la suivante: Sortir Étape 6: style deuxième « " Élément Ensuite, accédez au «"Élément ayant id"# para-2», Et appliquez les mêmes propriétés: Sortir On peut observer que nous avons changé la transparence du texte dans HTML en utilisant CSS. Conclusion Pour modifier la transparence du texte de l'élément, créez d'abord les éléments, tels que «". Attribuez-le un attribut d'identification pour y accéder dans CSS. Après cela, utilisez le «#«Selecteur avec le«identifiant«Pour accéder à l'élément par ID. Appliquer le "ombre de texte«Propriété avec le«rgba" valeur. Enfin, le «Mode de mélange»La propriété est utilisée pour mélanger la couleur avec l'arrière-plan parent. Ce message a expliqué la procédure de modification de la transparence du texte dans HTML à l'aide de CSS.
taille de police: 40px;
Font-Family: Arial, Sans-Serif;
Espacement des lettres: 5px;
Police-poids: Bold;
Text-shadow: 0 5px 10px rgba (0, 0, 0, 0.5);
Couleur: #FFF;
MODE-MODE-MODED: superposition;
Text-shadow: 0 5px 10px rgba (0, 0, 0, 0.5);
Couleur: #FFF;
MODE-MODE-MODED: superposition;