English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La función rgba() de CSS se puede usar para proporcionar un valor de color y transparencia alfa en CSS. Permite especificar un valor de color RGB, así como un valor alfa para determinar la transparencia del color.
Ejemplo en línea de uso de color RGBA, y usa transparencia:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(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>Color RGB, y usa transparencia:</p>
<p id="p1">rojo</p>
<p id="p2">verde</p>
<p id="p3">azul</p>
<p id="p4">gris</p>
<p id="p5">amarillo</p>
<p id="p6">cherry</p>
</body>
</html>Prueba a ver ‹/›La función rgba() usa la superposición de rojo (R), verde (G), azul (B) y transparencia (A) para generar todo tipo de colores.
RGBA es rojo, verde, azul, transparencia (en inglés: Red, Green, Blue, Alpha).
rojo (R)0 a 255 enteros entre
verde (G)0 a 255 enteros entre
azul (B)0 a 255 enteros entre
Transparencia (A)Valores 0~1 representa la transparencia.
Versión de soporte: CSS3
Los números en la tabla representan la primera versión del navegador que admite la función.
| Función | |||||
|---|---|---|---|---|---|
| rgba() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
rgba(rojo, verde, azul, alpha)
| Valor | Descripción |
|---|---|
| red | Define el valor rojo, el rango de valores es 0 ~ 255también se puede usar porcentajes 0% ~ 100%. |
| green | Define el valor verde, el rango de valores es 0 ~ 255también se puede usar porcentajes 0% ~ 100%. |
| blue | Define el valor azul, el rango de valores es 0 ~ 255también se puede usar porcentajes 0% ~ 100%. |
| alpha - Transparencia | Define la transparencia 0 (completamente transparente) ~ 1（completamente opaco） |