Las listas de elementos de taquiones se utilizan como un reinicio para el tipo de estilo de lista para eliminar las viñetas predeterminadas. A veces, un usuario puede querer el formulario de lista sin ninguna de las viñetas. Esta clase será útil en esa situación. Funcionará tanto para listas ordenadas como desordenadas.
Clase de listas de elementos de taquiones:
- pl0: esta clase se utiliza para eliminar las viñetas predeterminadas de las listas ordenadas y desordenadas.
Sintaxis:
<ul class="list pl0"> <li>..</li> .. </ul>
Los siguientes ejemplos ilustran las listas de elementos de taquiones.
Ejemplo 1: En este ejemplo, eliminaremos las viñetas de una lista desordenada.
HTML
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons/css/tachyons.min.css"> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Tachyons Element Lists </h3> <ul class="list pl0"> <li>GeeksforGeeks</li> <li>A Computer Science Portal</li> <li>For all the Geeks</li> </ul> </center> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, eliminaremos las viñetas de una lista ordenada.
HTML
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons/css/tachyons.min.css"> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> Tachyons Element Lists </h3> <ol class="list pl0"> <li>GeeksforGeeks</li> <li>A Computer Science Portal</li> <li>For all the Geeks</li> </ol> </center> </body> </html>
Producción:
Referencia: https://tachyons.io/docs/elements/lists/
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA