recherche
  • Se connecter
  • S'inscrire
Réinitialisation du mot de passe réussie

Suivez les projets qui vous intéressent et découvrez les dernières actualités les concernant.

Couleur CSS3 RVBA

Explication détaillée de la valeur de couleur RGBA dans CSS3 :
Ce chapitre présentera l'utilisation de la valeur de couleur RGBA. Vous devez vous y sentir très familier, car tout le monde est très familier avec RVB. mais un A supplémentaire est ajouté à la fin.
Structure grammaticale :

RGBA(R,G,B,A)

Analyse des paramètres :
R(rouge) : valeur rouge. Entier positif | Pourcentage.
G(vert) : valeur verte. Entier positif | Pourcentage.
B(bleu) : valeur bleue. Entier positif | Pourcentage.
A(Alpha) : Transparence Alpha, valeur comprise entre 0 et 1.
RGBA est basé sur RVB et ajoute un paramètre pour contrôler la transparence alpha. Les valeurs entières positives des trois paramètres R, G et B sont comprises entre 0 et 255 et la valeur en pourcentage est comprise entre 0,0 % et 100,0 %. . Les valeurs en dehors de la plage seront. Jusqu'à sa limite de valeur la plus proche, la valeur du paramètre A est comprise entre 0 et 1. Il est important de noter que tous les navigateurs ne prennent pas en charge les valeurs des paramètres de pourcentage.
Compatibilité des navigateurs :
La compatibilité des valeurs de couleur RGBA est assez bonne. Elle n'est pas prise en charge par IE8 et les navigateurs inférieurs à IE8, mais est prise en charge par d'autres navigateurs standards.
Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>CSS3教程</title> 
<style type="text/css"> 
.first{color:rgba(128,128,128,0.2);} 
.second{color:rgba(50%,50%,50%,0.3);} 
.third{color:rgba(160,100,150,0.6);} 
</style> 
</head> 
<body> 
<div class="first">php中文网欢迎您</div> 
<div class="second">php中文网欢迎您</div> 
<div class="third">php中文网欢迎您</div> 
</body> 
</html>
nouveau fichier
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS3教程</title> <style type="text/css"> .first{color:rgba(128,128,128,0.2);} .second{color:rgba(50%,50%,50%,0.3);} .third{color:rgba(160,100,150,0.6);} </style> </head> <body> <div class="first">php中文网欢迎您</div> <div class="second">php中文网欢迎您</div> <div class="third">php中文网欢迎您</div> </body> </html>
Réinitialiser le code
Opération automatique
soumettre
Aperçu Clear