<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo de listas</title>
<style>
.none {
list-style-type: none;
}
.circle {
list-style-type: circle;
}
.square {
list-style-type: square;
}
.numRom {
list-style-type: lower-roman;
}
.greekLet {
list-style-type: lower-alpha;
}
</style>
</head>
<body>
<p>Lista sin elemento gráfico:</p>
<ul class="none">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
<p>Lista con círculos:</p>
<ul class="circle">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
<p>Lista con cuadrados:</p>
<ul class="square">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ul>
<p>Lista con números romanos:</p>
<ol class="numRom">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ol>
<p>Lista con letras griegas:</p>
<ol class="greekLet">
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
</ol>
</body>
</html>
No hay comentarios:
Publicar un comentario