El kit de herramientas Tachyons se utiliza para crear un sitio web receptivo. En este artículo, aprenderemos cómo decorar texto usando el kit de herramientas CSS llamado Tachyons.
Tachyons Typography Text Decoration se utiliza para decorar el texto con subrayados. También puede eliminar los subrayados predeterminados que los navegadores colocan en los enlaces.
Taquiones Tipografía Texto Decoración Clases:
- sin subrayado: esta clase se utiliza para no subrayar ni decorar un texto.
- subrayar: esta clase se utiliza para proporcionar líneas debajo del texto.
- huelga: esta clase se utiliza para proporcionar una línea en el texto que parece que alguien ha cortado la palabra en dirección horizontal.
Sintaxis:
<element-name class="class-name">
...
</element-name>
Ejemplo 1: El siguiente ejemplo demuestra la decoración de texto tipográfico Tachyons utilizando clases sin subrayar y subrayadas .
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h4> No Underline </h4> <p class="no-underline"> A computer science portal for geeks </p> <h4 class="underline"> Underline </h4> <p class="underline"> A computer science portal for geeks </p> </center> </body> </html>
Producción:
Ejemplo 2: El siguiente ejemplo demuestra la decoración de texto tipográfico Tachyons usando clases de tachado y subrayado .
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> </head> <body> <center> <h1 class="green"> GeeksforGeeks </h1> <h4> Strike: </h4> <p class="strike"> A gamming portal. </p> <p class="underline"> A computer science portal for geeks </p> </center> </body> </html>
Producción:
Referencia: https://tachyons.io/docs/typography/text-decoration/