Tecnología

Inicio

Cómo hacer un fondo de desplazamiento con CSS

February 26

CSS, o de estilo en cascada hojas, personaliza la apariencia general de una página web, ya sea que el formato de su primer o segundo plano. Aunque el color de fondo por defecto de las páginas Web es de color blanco, se puede cambiar el color de fondo, utilice una imagen o hacer una combinación de ambos para darle a su sitio una nueva mirada. Cuando se utiliza un fondo de desplazamiento, el fondo se mueve mientras se desplaza la página. Puede configurar el fondo para desplazarse horizontalmente, verticalmente o en ambas direcciones.

Instrucciones

1 Abra un editor de texto, como el Bloc de notas, TextPad o EditPad. Seleccione "Archivo" y "Nuevo" para abrir un nuevo documento.

2 Añadir un estilo de desplazamiento de la siguiente manera, pero reemplace "backgroundimg.gif" con el nombre de la imagen de fondo:

cuerpo {
margin: 0 auto;
Imagen de fondo: URL ( 'backgroundimg.gif');
background-attachment: desplazarse;
background-repeat: repeat-y;
}

3 Establecer el valor de "background-repeat" para "repeat-y;" para hacer que el fondo de la repetición en sentido vertical. Establezca el valor en "repeat-x;" para que se repita horizontalmente. Quitar la línea "background-repeat: repeat-y;" por completo para que sea desplazarse horizontal y verticalmente.

4 Seleccione "Archivo" y "Guardar" en el menú. Se abre el "Guardar como" cuadro de diálogo. Nombrar el "style.css" archivo y encerrarlo entre comillas para preservar la extensión del archivo CSS.

5 Cierre el archivo CSS y seleccione "Archivo" y "Abrir" en el menú. Se abre un cuadro de diálogo. Haga doble clic en la página HTML que se utilizará el CSS.

6 Agregue el siguiente entre las etiquetas <head> para aplicar el fondo de desplazamiento a la página:

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

7 Seleccione "Archivo" y "Guardar" en el menú para guardar el archivo HTML.