Arts >> Arte >  >> Teatro >> Trabajo

Cómo hacer un fondo de página Web con Centro de la Imagen

A veces un solitario , centrado en la página Web de fondo se puede crear un efecto dramático que mejora el estado de ánimo de una página web . Por ejemplo , una imagen de la Tierra flotando en un contexto negro podría cautivar a los visitantes a un sitio de la astronomía . Muchos desarrolladores utilizan hojas de estilo para controlar la posición y el aspecto de cada objeto en una página Web . Esto incluye fondos . Experimente con fondos centrados eligiendo una de sus imágenes favoritas y el estilo en su página Web . Instrucciones Matemáticas 1

Abrir el Bloc de notas . Añadir el siguiente texto para crear un documento HTML vacío :

< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1 - transitional.dtd">

< html xmlns = " http://www.w3.org/1999/xhtml " >

< head >

< title > Centro de una página de prueba y lt web; /title >

< - sección de estilo Inserte aquí ** - >

< /head >

< body >

< h1 > Esta página tiene una imagen de fondo y lt Centrado; /h1 >

< entrada id = tipo " Button1 " = " botón " = valor " " /> < entrada id =" "type = " Text1 texto " />

< /body >

< /html >

Este código crea un encabezado, un botón y un cuadro de texto
2

Agregue el código siguiente Hoja de estilo abajo " sección de estilo Inserte aquí : " .

< el estilo y el gt;

body {background : url ( ' xyz.jpg ' ) Centro de fijo no-repeat; }

< /el estilo y el gt;

centra Esta definición de estilo la imagen de fondo del cuerpo de la página. Reemplazar " xyz.jpg " con una de sus imágenes.
3

Presione " Ctrl + S " para abrir el Bloc de notas de " Guardar como " ventana. Enter " Center_Web_Page_Test.html " en el cuadro " Nombre de archivo" y haga clic en "Guardar ". Bloc de notas guardará el archivo HTML .
4

Abra un navegador y presionar " CTRL + O" para abrir el "Open File" ventana. Busque el archivo HTML y haga doble clic en él. El navegador lo mostrará . Verifique centra el navegador la imagen de fondo .

Trabajo

Categorías Relacionadas