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>

Formation continue

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>

soumettre Réinitialiser le code

Opération automatique

Couleur CSS3 RVBA

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]