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