Crear un gradiente deslumbrante de relleno, por ejemplo, cuando los colores alternos de la oscuridad a la luz , en orden ascendente o descendente en el fondo de su sitio web, puede ser bastante un efecto llamativo. En función del contenido , la pantalla de colores puede mejorar enormemente textos o imágenes en la página, o llamar la atención sobre determinadas indicaciones . Hay algunas maneras de programar este efecto , que requiere sólo unos simples trozos de código HTML y Cascading Style Sheets ( CSS). Cosas que necesitará
Gráficos programa de descarga del texto editor de programas
Ver Más instrucciones
Simple HTML Formato
1

Abra su programa de gráficos favorito, como Gimp , Photoshop o Paintshop y crear una nueva imagen que es 5 píxeles de alto y 760 píxeles de ancho con una resolución de 800 píxeles . Para una resolución de 1024 píxeles, que la imagen 984 píxeles de ancho , en su lugar.
2

Seleccione la herramienta Relleno y el efecto de degradado, y elegir dos colores , uno desde el punto inicial del degradado , y el otro hasta el punto final .
3

Guardar este archivo en un formato JPG en el directorio de la imagen de su sitio web en línea y añadir el siguiente código HTML en la página en particular, donde el ; sección comienza :

Substitute " name.jpg " para su archivo. Su página Web se muestran ahora un fondo degradado.
Usando Cascading Style Sheets en HTML
4

Crear una hoja de estilos en cascada CSS o método de un gradiente de fondo para su web página haciendo en primer lugar una imagen de gradiente como en el ejemplo anterior , sólo que esta vez haciendo que la imagen 1 píxel de ancho y 800 píxeles de alto . El estándar para su visualización en la mayoría de las pantallas es de 800 píxeles. Guardar la imagen como JPG en el directorio de la imagen de su sitio web.
5

abrir y escanear a través de su código CSS usando su editor de texto favorito . El archivo se encuentra en el directorio web con el sufijo " . Css" . Agregue el código siguiente a la sección de cuerpo CSS :

body {background : url ( images /name.jpg ) 0 % 0 % repeat -x ; color: # 000000 ; altura : 800px ; padding : 5px ;}

el " fondo : " La declaración contiene el archivo y la ruta de la imagen , y el " repeat -x" y " 0 % 0 % ", dice el navegador la posición inicial de la imagen de la eje xy , en este caso en 0,0 , o en el más alto, más a la izquierda del punto de la pantalla, y luego repetir la imagen en el eje x, oa través de la página.
6

Comprobar si la imagen es más corta que la pantalla cuando se desplaza por la página. Si es así , tendrá que añadir un color de fondo a la declaración de "fondo" en el código CSS que coincide con la parte inferior de la imagen. De esta manera , si el gradiente se agota, el fondo se corresponde con la parte inferior de la pendiente

Por ejemplo , si la parte inferior de la imagen de gradiente es negro , el código sería el siguiente: .
< P > body {background : # 000000 url ( images /name.jpg ) 0 % 0 % repeat -x ; color: # 000000 ; altura : 800px ; padding : 5px }

"# 000000 " es el interpretación hexadecimal para el color negro . El " fondo " en esta declaración anula el comando URL. Por lo tanto , si la imagen es demasiado corto, el fondo donde termina la imagen será negro .

Usted puede localizar el código hexadecimal para el color mediante la apertura de su imagen en su programa de gráficos , y la selección de la herramienta Cuentagotas y señalando para el conjunto inferior de píxeles . Una vez elegido el color y seleccionar en sus herramientas, usted puede encontrar el código .