ubiquitour.com

Cómo hacer un fondo de desplazamiento con CSS

CSS, o en cascada hojas de estilo, Personaliza la apariencia de una página Web, si usted está formato su frontal o fondo. Aunque el color de fondo predeterminado de páginas Web es blanco, puede cambiar el color de fondo, utilizar una imagen o hacer una combinación de ambos para darle su sitio un aspecto nuevo. Cuando se utiliza un fondo de desplazamiento, el fondo se mueve al desplazarse la página. Puede establecer el fondo para desplazarse horizontalmente, verticalmente o en ambas direcciones.

Instrucciones

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

2 Añadir un estilo de desplazamiento como sigue, pero reemplace "backgroundimg.gif" con el nombre de tu imagen de fondo:

{cuerpo}auto del margen: 0;background-image:URL('backgroundimg.gif');Fondo-accesorio: desplazamiento;Fondo-repeat: repeat-y;}

3 Establecer el valor de "background-repeat" a "repeat-y;" para hacer el fondo repetida verticalmente. Establecer el valor en "repeat-x;" para hacerla repetir horizontalmente. Quite la línea "fondo-repeat: repeat-y;" en conjunto para hacerlo desplazarse horizontal y verticalmente.

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

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

6 Añada la siguiente entre la etiqueta < HEAD > aplicar el fondo desplazable a la página:

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

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