“Conocimientos Programación>Lenguajes De Programación

Cómo hacer un fondo de relleno degradado en HTML

2013/5/19
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 .

Lenguajes De Programación
¿Cómo deshacerse de un atajo Alt F4
Cómo quitar el Espacio de nombres de un Tag
Algoritmos Informática Tutorial
Cómo restaurar un archivo EDB de Exchange
Cómo eliminar los últimos caracteres de cadenas en Python
Cómo mostrar Wingdings en ​​un teclado
Cómo cambiar un PictureBox Valor imagen
Cómo crear y actualizar las funciones de datos
Conocimientos Informáticos © http://www.ordenador.online