Tecnología

Inicio

Cómo transformar una IMG de Código CSS

Transformar la forma en que aparece una imagen de fondo en una página web utilizando el código CSS en vez de código HTML estándar y la etiqueta <img>. código CSS, siglas de "hoja de estilo en cascada", le permite especificar más atributos de apariencia de una imagen dentro de la página el código HTML ordinario. Mediante el uso de CSS "en línea" dentro del propio documento HTML se elimina necesidad de editar el archivo .css real del sitio "hoja de estilos".

Instrucciones

1 Entre para "Administrador de archivos" de su sitio y vaya al directorio "Imágenes". Haga clic en el botón "Subir" y navega en el disco duro para la imagen que desea utilizar como fondo de la página. Haga clic en "Abrir" y esperar a que la carga se complete.

2 Volver al directorio "Inicio" del Administrador de archivos y marque la casilla al lado del nombre de la página en la que desea insertar la imagen. Haga clic en "Editar" para abrir HTML de la página en un editor HTML.

3 Desplazarse hasta el punto de la página donde desea insertar la imagen y pegar el siguiente código:

<Style type = "text / css">

fondo {

background-image: url(images/backgroundimage.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-top:100px;
margin-bottom:32px;

}
</ Style>

Reemplazar "backgroundimage.jpg" con el nombre real del archivo que ha subido. Borrar "no-" si desea que la imagen se repita o cambiar la posición - otras opciones incluyen "izquierda", "derecha" e "inferior" - de la imagen en la página. Cambiar los números de relleno o de margen para aumentar o disminuir el espaciado alrededor de la imagen.

4 Guarde el archivo HTML y ver la página en una nueva pestaña o ventana para confirmar que los cambios realizados son de su agrado.