CSS: insertar imagen: así es como funciona
En este consejo práctico explicamos cómo insertar una imagen usando CSS. Básicamente, las imágenes solo se pueden insertar aquí en forma de imágenes de fondo. Sin embargo, eso es bastante suficiente.
Insertar imagen en CSS
Por ejemplo, si desea incluir una imagen en el encabezado utilizando CSS, como su logotipo, declare las siguientes propiedades en #header:
- "background: url (image.webp) #FFFFFF;"
- Aquí "bild.webp" se entiende como la URL de su imagen en relación con el archivo css o como una dirección absoluta en su disco.
- Con el color declaras el color de fondo en tu sitio web.
- La imagen ahora se puede colocar usando una posición exacta, como: "background-position: 100px 100px;" o mediante información relativa determinada por el borde de la ventana como "background-position: bottom right;".
- Para que su imagen no se repita continuamente, puede especificar un "no repetir" bajo la propiedad "background-repeat". Se ve así: "background-repeat: no-repeat;".
- Con la propiedad "adjunto de fondo" usted determina si la imagen se mueve con el desplazamiento o si permanece en un lugar fijo en la página: "adjunto de fondo: fijo;".
- Las propiedades se especifican en el archivo CSS sin comillas.
En el siguiente consejo práctico, lea cómo integrar un archivo CSS usando HTML.