Cómo Poner Un Fondo En El Sitio

Tabla de contenido:

Cómo Poner Un Fondo En El Sitio
Cómo Poner Un Fondo En El Sitio

Video: Cómo Poner Un Fondo En El Sitio

Video: Cómo Poner Un Fondo En El Sitio
Video: Edita tus vídeos con FILMORA9 | Truco cambio de fondo 2024, Mayo
Anonim

El fondo de trabajo del sitio se puede comparar con el fondo de pantalla del escritorio de su sistema operativo. Fondo (fondo), puede crear en varias variaciones, que se discutirán a continuación.

Cómo poner un fondo en el sitio
Cómo poner un fondo en el sitio

Necesario

Editando el archivo style.css

Instrucciones

Paso 1

Fondo monocromático. El tipo de fondo más simple, una gran ventaja es la carga mínima de página con una imagen de este tipo. Si el archivo de estilo (style.css) no contiene comandos que establezcan el color de fondo, el navegador sugiere el blanco por defecto. Utilice el comando background-color para cambiar el color. Un ejemplo del uso de este comando: background-color: # 3366CC.

Paso 2

Para seleccionar un color específico, puede utilizar un software especial, por ejemplo, el editor de gráficos Adobe Photoshop. Si nunca ha trabajado con él, se recomienda utilizar servicios web. Un ejemplo llamativo es el motor de búsqueda "Yandex", vaya al siguiente enlace https://yandex.ru e ingrese la frase "color azul". Aparecerá una tabla de colores frente a usted, en la que puede elegir cualquiera a su gusto, copiar el código y pegarlo en el código del sitio.

Paso 3

Textura de fondo. Además del color de fondo, puede agregar una imagen o un patrón (textura) que se repite cíclicamente a cualquier página de su sitio. Para hacer esto, después de ingresar el color de fondo, escriba el comando background-image, por ejemplo, background-image: url (img / uzor.png). La ruta al archivo debe especificarse entre corchetes. Vale la pena señalar que la resolución de la textura puede comenzar desde la más pequeña (16x16) y terminar con imágenes de tamaño completo para el tamaño de las páginas del sitio (800x600 y más).

Paso 4

Fondo usando un degradado. En este caso, está utilizando el color de fondo que se estableció con el comando background-color, pero creando un degradado. El gradiente puede ser horizontal (x) y vertical (y). La mayoría de las veces, se utiliza una posición horizontal como degradado de fondo, por lo que la línea con el degradado se verá así: background-repeat: repeat-x.

Recomendado: