Tecnología

Inicio

Cómo reemplazar la IMG SRC en CSS

Generalmente, se utiliza código HTML para crear elementos en una página, tales como tablas y bloques de texto, y utiliza código CSS visualmente estilo de esos elementos, tales como el cambio de colores de fondo y los tamaños de fuente. La visualización de imágenes es algo así como un punto medio entre los dos, como imágenes son elementos de una página web, sino también visual. Puede sustituir la etiqueta estándar HTML <img> con una combinación de CSS y una etiqueta <div>.

Instrucciones

1 Abra el archivo HTML que contiene la etiqueta <img> que desea reemplazar. Busque la etiqueta <img> dentro del archivo.

2 Resalte el camino inmediatamente después ", sin las comillas.

3 Pulse la tecla "Ctrl" y "C" para copiar esta dirección en la memoria del ordenador.

4 Eliminar el comando de toda <img>.

5 Escriba lo siguiente en lugar de la etiqueta <img>:

<Div style = "width: 150px; altura: 150px; Imagen de fondo: URL ( '');"> </ div>

Haga clic en medio de las dos comillas simples dentro de los paréntesis. Pulse la tecla "Ctrl" y "V" para pegar la ruta de la imagen.

Cambiar la altura y anchura para que coincida con las dimensiones de su imagen.

6 Guarde los cambios.


Artículos relacionados