Diseñar el body con CSS

Diseñaremos el fondo de la etiqueta body con estilos CSS aplicando colores, imágenes hasta obtener un fondo animado con un gif

En esta ocación diseñaremos y probaremos los diferentes estilos CSS o propiedades que se puede aplicar el contenedor de una página web, es decir a la etiqueta body.

CÓDIGO DE LA PAGINA HTML

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css.css">
    <title> Aplicando estilos CSS al Body</title>
</head>
<body>
        
</body>
</html>  

La etiqueta link permite enlazar el recurso css.css para aplicar los estilos a la página web en mención.

Ahora veamos el código css.css

HOJA DE ESTILOS css.css

body{
    background: #025cf8;    
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-image: url(img/fondo.jpg);*/
    background-image: url(img/fondo.gif); /* imagen gif animada */
}

Como vemos, CSS nos permite aplicar directamente estilos a la etiqueta, sin la nececidad de usar un ID o CLASS, pues para ello debemos tener en claro la funcionalidad y si es apropiado usar estos atributos,

Como esta página web es muy básica por el hecho ser una pequeña demostración de lo que puede hacer los estilos, pues no amedita la declaración de los atributos ID o CLASS

Publicaremos más videos y codigos referente a el uso de los Estilos en una página web

VIDEO Aplicar diseño con CSS al body: Background, Color, Image

Visitas: 154 | Publicado:2018-12-27 19:17:49

Más publicaciones de CSS que te pueden interesar:

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::