Colores, fondos y bordes
Formas de expresar color y decorar cajas.
El color se puede definir por nombre (red), hexadecimal (#E34F26), rgb(227, 79, 38) o rgba() / hsl() cuando se necesita transparencia. color afecta el texto y background-color el fondo.
Los fondos también pueden ser imágenes con background-image, controlando su repetición con background-repeat y su tamaño con background-size: cover para que cubra todo el contenedor.
Los bordes se definen con border: ancho estilo color y se pueden redondear con border-radius, muy usado para tarjetas y botones modernos.
Ejemplo — pruébalo tú mismo
Ponlo a prueba: Crea una tarjeta con fondo claro, borde redondeado de 12px y un borde sólido de 1px.