English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La fonction rgba() de CSS peut être utilisée pour fournir une valeur de couleur avec une transparence alpha dans CSS. Elle permet de spécifier une valeur de couleur RGB ainsi qu'une valeur alpha pour déterminer la transparence de la couleur.
Utilisation de la couleur RGBA, et utilisation de la transparence :
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Base Tutorial(oldtoolbag.com)</title>
<style>
#p1 {background-color:rgb(255,0,0,0.3);}
#p2 {background-color:rgb(0,255,0,0.3);}
#p3 {background-color:rgb(0,0,255,0.3);}
#p4 {background-color:rgb(192,192,192,0.3);}
#p5 {background-color:rgb(255,255,0,0.3);}
#p6 {background-color:rgb(255,0,255,0.3);}
</style>
</head>
<body>
<p> Couleur RGB, et utilisez la transparence :/p>
<p id="p1">Rouge</p>
<p id="p2">Vert</p>
<p id="p3">Bleu</p>
<p id="p4">Gris</p>
<p id="p5">Jaune</p>
<p id="p6">Rouge</p>
</body>
</html>Testez pour voir ‹/›La fonction rgba() utilise la superposition de Rouge (R), Vert (G), Bleu (B) et Transparence (A) pour générer diverses couleurs.
RGBA signifie Rouge, Vert, Bleu, Transparence (en anglais : Red, Green, Blue, Alpha).
Rouge (R)0 à 255 entiers entre
Vert (G)0 à 255 entiers entre
Bleu (B)0 à 255 entiers entre
Transparence (A)Valeur 0~1 représente la transparence.
Version prise en charge : CSS3
Les nombres dans le tableau représentent la version du premier navigateur prenant en charge cette fonction.
| Fonction | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
rgba(rouge, vert, bleu, alpha)
| Valeur | Description |
|---|---|
| rouge | Définir la valeur rouge, la gamme de valeurs est de 0 ~ 255，on peut aussi utiliser le pourcentage 0% ~ 100%. |
| vert | Définir la valeur verte, la gamme de valeurs est de 0 ~ 255，on peut aussi utiliser le pourcentage 0% ~ 100%. |
| bleu | Définir la valeur bleue, la gamme de valeurs est de 0 ~ 255，on peut aussi utiliser le pourcentage 0% ~ 100%. |
| alpha - Transparence | Définir la transparence 0 (complètement transparent) ~ 1（Totalement opaque） |