Cómo configurar la transparencia del color de fondo en la interfaz. Explicación detallada de la función rgba () en css: background-color: rgba (255,192,203,0.3)

Prefacio

Hoy, cuando estaba desarrollando el terminal móvil, sentí que no había color de fondo y era un poco feo. Además, hice una aplicación de pastel. Pensé que el color cálido debería quedar bien, así que usé esta línea de código.

background-color: rgba(255,192,203,0.2);

El efecto logrado se muestra en la figura:
Inserte la descripción de la imagen aquí
A continuación, presentaremos cómo usar la función rgba () en css

Explicación detallada de la función rgba ()

La función rgba () utiliza la superposición de rojo®, verde (g), azul (b) y transparencia (a) para generar varios colores.

rgba significa rojo, verde, azul, transparencia (rojo, verde, azul, alfa)
en la posición correspondiente representa el color y la transparencia correspondientes

Rojo (r) Un número entero entre 0 y 255, que representa el componente rojo del
color Verde (g) Un número entero entre 0 y 255, que representa el componente verde del
color Azul (b) Un número entero entre 0 y 255, que representa el color El componente azul La
transparencia (a) está entre 0 y 1, lo que representa la transparencia

P.ej:

background-color:rgba(255,0,0,0.5); //红色

background-color:rgba(0,255,0,0.5); //绿色

background-color:rgba(0,0,255,0.5); //蓝色

background-color: rgba(255, 255, 255, 0); //则表示完全透明的白色

background-color: rgba(0, 0, 0, 1); //则表示完全不透明度的黑色

Comparte otro pequeño truco jajaja

Si desea saber el color que desea cambiar al valor de color RGB

Por ejemplo, vi el número de color de este lindo color de cabello,
así que solo presiono Ctrl + Alt + A, luego presiono C para copiar el número de color
Inserte la descripción de la imagen aquí
y luego pego el valor RGB de este número de color. Por ejemplo, el mío: 243,218,222

La premisa es que quieres abrir QQ jajajaja

https://blog.csdn.net/hanhanwanghaha Bienvenido a seguir a este pato súper invencible y lindo. Si tienes alguna pregunta, puedes dejar un mensaje privado y responderás si lo ves!
La creación no es fácil, si se reimprime, indique la fuente

Supongo que te gusta

Origin blog.csdn.net/hanhanwanghaha/article/details/111177605
Recomendado
Clasificación