Las páginas web normalmente agregan imágenes usando la etiqueta HTML "img" en línea. La codificación CSS generalmente no establece la fuente de una imagen porque CSS controla el diseño en lugar del contenido. Sin embargo, CSS admite propiedades que el HTML simple no admite, como la opacidad de la imagen. Por ejemplo, si desea que aparezca una foto transparente de la sede de su empresa en la página de inicio de su sitio web, puede configurar esto usando CSS. Los estilos CSS eligen las fuentes de la imagen utilizando la propiedad de la imagen de fondo.

1

Abra la hoja de estilo de su sitio web con su editor HTML o un editor de texto.

2

Pegue el siguiente código en la hoja para crear un nuevo estilo:

styledimg {

imagen de fondo: url (ruta); repetición de fondo: no repetición; ancho: 10px; altura: 20px;

}

3

Reemplaza "ruta" con la URL de la imagen dentro del sitio. Por ejemplo, si la imagen "building.jpg" está en la carpeta "images" de su sitio, cambie el código a:

styledimg {

imagen de fondo: url (/images/building.jpg); repetición de fondo: no repetición; ancho: 10px; altura: 20px;

}

4

Reemplaza "10" con el ancho de la imagen y reemplaza "20" con la altura de la imagen. Por ejemplo, si la imagen mide 200 píxeles de alto y 600 píxeles de ancho, cambie el código a:

styledimg {

imagen de fondo: url (/images/building.jpg); repetición de fondo: no repetición; ancho: 600px; altura: 200px;

}

5

Abra la página web donde desea insertar la imagen.

6

Agregue el siguiente código para insertar la imagen: