¿Cuál es la diferencia entre usar la propiedad “background” y la propiedad “background-color” en Css?

Diego Eduardo Téllez Contreras

Diego Eduardo Téllez Contreras

Pregunta
studenthace 3 años

¿Cuál es la diferencia entre usar la propiedad “background” y la propiedad “background-color” en Css?

5 respuestas
para escribir tu comentario
    Marcos Monteverde

    Marcos Monteverde

    studenthace 2 años

    no hay gran diferencia, background -color viene a ser mas especifico

    Xiara Matos Pimentel

    Xiara Matos Pimentel

    studenthace 3 años

    Muchas gracias por la explicación

    Marcos Sar Lo

    Marcos Sar Lo

    studenthace 3 años

    Gracias por la explicación, yo también tenía esa duda

    Diego Eduardo Téllez Contreras

    Diego Eduardo Téllez Contreras

    studenthace 3 años

    Gracias Emerson!

    Emerson David Cabrera Salas

    Emerson David Cabrera Salas

    studenthace 3 años

    La diferencia es que background solo viene a ser un shorthand, o sea, un atajo que agrupa varias propiedades de tipo background. Ejemplo:

    background-color: #fdfd3a; background-image: url("imagen.png"); background-repeat: no-repeat; background-position: right top;

    Todo se puede resumir en una sola línea con el shorthand background, así:

    background: #fdfd3a url("img_tree.png") no-repeat right top;

    Pasa lo mismo con los shorthand de las propiedades margin y padding, por ejemplo:

    margin-top: 20px; margin-bottom: 20px; margin-left: 35px; margin-right: 35px;

    Es lo mismo que:

    margin: 20px 35px 20px 35px;

    Aunque también funciona así:

    margin: 20px 35px;
Curso de Creación de Páginas Web con Wordpress y No-code

Curso de Creación de Páginas Web con Wordpress y No-code

Crea tu propia página web sin necesidad de programar utilizando WordPress y el plugin Elementor. Aprende a instalar temas, personalizar diseños, y subir tu sitio de forma gratuita a internet, ideal para quienes buscan soluciones rápidas.

Curso de Creación de Páginas Web con Wordpress y No-code
Curso de Creación de Páginas Web con Wordpress y No-code

Curso de Creación de Páginas Web con Wordpress y No-code

Crea tu propia página web sin necesidad de programar utilizando WordPress y el plugin Elementor. Aprende a instalar temas, personalizar diseños, y subir tu sitio de forma gratuita a internet, ideal para quienes buscan soluciones rápidas.