Saltar al contenido

Cómo establecer una imagen de fondo en AngularFeb, 22ndIn este tutorial, vamos a aprender acerca de cómo establecer un fondo …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo establecer una imagen de fondo en el que utilizan los estilos en línea angulares y CSS externo. imagen Configuración

utilizando estilos en línea

Ejemplo:

Rose image

En el código anterior, hemos utilizado la directiva de atributo ngStyle angular para establecer una imagen de fondo para el elemento div.

no se olvide de envolver la función url () con comillas simples, tratadas de otra forma angular como una propiedad.

Ajuste de imagen usando CSS externo

Ejemplo:

Rose image

.container{
background-image: url(./images/rose.png);
}

En el código anterior en primer lugar, hemos añadido una clase de contenedor para el elemento div, dentro de la filewe CSS establece una imagen de fondo a la clase de contenedor utilizando la propiedad Imagen de fondo.