Publicado el Deja un comentario

05. CSS Listas

En este video se ven algunas propiedades que se pueden modificar de las listas HTML con CSS.

El codigo HTML es:

<!doctype html>
<html lang=”ES”>
<head>
<link rel=”stylesheet” type=”text/css” href=”css/listas.css”>
<title>
Listas
</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<section>
<article>
<hgroup>
<h1>Titulo Principal</h1>
<h2>Titulo Secundario</h2>
</hgroup>
</article>
<ol class=”listaordenada”>
    <li>Blanco</li>
    <li>Rojo</li>
    <li>Verde</li>
</ol>
<ul class=”listadesordenada”>
    <li>Coche</li>
    <li>Bicicleta</li>
    <li>Patinete</li>
</ul>
</section>
<aside>
</aside>
<footer>
<h4>Pie de pagina</h4>
</footer>
</body>
</html>

El codigo CSS es:

/*Comentario de CSS*/
/*selector universal*/
*{
   
}
.listaordenada{
    list-style-type:lower-alpha;
    list-style-position:outside;
}
.listadesordenada{
    list-style-type:square;
    list-style-position:inside;   
    background-color:BLUE;
}

Espero os sea util, gracias.

Please follow and like us:

Deja un comentario