El fondo de color en el sitio no solo atrae la atención de los visitantes, sino que también transmite el estado de ánimo del recurso. Los sitios de temática espacial crean una atmósfera de misterio con un fondo en forma de cielo estrellado, los recursos de entretenimiento se animan con ricos colores de colores cálidos, los servicios web de los servicios de la ciudad muestran su oficialidad con un diseño austero y fondos de tonos principalmente grises y azules. Hay varias formas de hacer su propia página web coloreada.
Es necesario
- - Tú sitio
- - al menos conocimientos básicos de HTML
Instrucciones
Paso 1
Para crear un fondo de color sólido, busque las siguientes etiquetas y en el código HTML. Cambie la primera etiqueta de esta manera:
En esta construcción, # FFFF33 es el tono codificado de amarillo.
Paso 2
El color de la página se puede especificar no solo con un código, sino también con palabras especiales: los nombres de los colores primarios. Para indicar el color de fondo con una palabra, escriba el siguiente código:
Aquí "amarillo" es el nombre del color amarillo.
Paso 3
En lugar de la marca de código amarilla o su nombre, agregue la designación deseada del color de fondo que necesita a la etiqueta usando esta sugerencia:
rojo - "rojo" ("# FF0000")
azul - "azul" ("# 0000FF")
verde - "verde" ("# 008000")
rosa - "rosa" ("# FFC0CB")
púrpura - "violeta" ("# EE82EE")
naranja - "naranja" ("# FFA500")
negro - "negro" ("# 000000")
Paso 4
Si desea tener una imagen repetida en el fondo del sitio, elija una imagen pequeña, contra la cual el texto será claramente visible. Sube una imagen al sitio. Para colocar una imagen como fondo, ingrese este código en la etiqueta
En esta entrada, en lugar de "/images/fon.jpg", especifique la ruta a la imagen deseada.
Paso 5
El color de las páginas web se puede configurar no solo en código HTML, sino también usando estilos CSS. Con estos estilos, no es necesario establecer el fondo en el código de una página nueva cada vez. Para definir un fondo en CSS entre etiquetas y colocar una entrada como esta:
cuerpo {
fondo: # FFFF33;
}
Aquí, el color de fondo lo establece el parámetro de fondo.
Paso 6
Si desea crear un fondo en CSS usando una imagen, entonces entre y escriba el siguiente código, en lugar de '/images/fon.jpg' especificando la ruta a la imagen deseada:
cuerpo {
imagen de fondo: url ('/ images / fon.jpg');
background-repeat: repetir;
}
Aquí el parámetro background-image define la imagen de fondo, background-repeat: la repetición de la imagen. En la pagina.