Para embellecer su sitio web en Internet, puede realizar cambios en su diseño. Cambiar el diseño implica cualquier acción, desde cambiar el fondo de la página principal hasta redibujar completamente la plantilla del sitio. Si decide cambiar el fondo de su sitio, las siguientes instrucciones le ayudarán a resolver este problema.
Necesario
Editando el archivo css
Instrucciones
Paso 1
En su mayor parte, el código de diseño del sitio se encuentra en el archivo style.css. Pero cada plantilla puede ser diferente a la anterior, por lo que el código de diseño se puede ubicar en un archivo diferente, pero también con la extensión css. Para establecer el color de fondo de su sitio, debe ingresar o reemplazar el valor existente con la siguiente expresión: / * fondo blanco * / cuerpo {
background-color: #FFFFFF;} / * título de fondo blanco, color de fuente negro * / h1 {
color: # 000000;
color de fondo: #FFFFFF;
}
Paso 2
Para insertar cualquier imagen como fondo en su sitio, debe ingresar o reemplazar el valor existente con la siguiente expresión: cuerpo {
color de fondo: # 000000;
imagen de fondo: url ("Imagen-1.jpg");
}
Cabe señalar que en este caso es necesario proporcionar un enlace al archivo de imagen, que se ubicará en la misma carpeta que el archivo css.
Paso 3
Si desea colocar en mosaico una imagen pequeña o una imagen pequeña, utilice el comando background-repeat. Para usar este comando correctamente, hay varios refinamientos en este comando:
background-repeat: repeat-x - repite la imagen a lo largo del eje x;
background-repeat: repeat-y - repite la imagen a lo largo del eje y;
background-repeat: repeat - repite una imagen a lo largo de dos ejes a la vez;
background-repeat: no-repeat - la imagen no se repite;
adjunto de fondo: desplazamiento: desplaza la imagen junto con la página;
adjunto de fondo: fijo: la imagen no se desplaza.
Usando la sintaxis de este comando, puede mostrar cómo funciona en ejemplos:
background-position: 30px 40px - La imagen tiene 30 píxeles hacia abajo desde la parte superior y 40 píxeles desde la izquierda a la derecha.
background-position: 60% 35% - El relleno izquierdo es 60% y el relleno superior es 25%.
