En el diseño y desarrollo web, a menudo necesitamos aplicar estilo al texto, incluidas fuentes, colores, tamaños, etc. Entre ellos, establecer el subrayado del texto es un requisito común. Este artículo presentará cómo usar CSS para configurar el subrayado del texto y proporcionará los ejemplos de código fuente correspondientes.
Las propiedades se utilizan en CSS text-decoration
para establecer efectos de decoración de texto, incluido el subrayado. A continuación se muestran algunos valores de uso común:
none
:Valor predeterminado, no se establece ningún efecto decorativo.underline
: establece el subrayado que se mostrará debajo del texto.overline
: Configurado para mostrar un subrayado encima del texto.line-through
:Configurado para mostrar tachado en medio del texto.blink
: establece que el texto parpadee.
Para subrayar texto podemos usar text-decoration
la propiedad y establecer su valor en underline
. He aquí un ejemplo:
<style>
.underline-text {
text-decoration: underline;
}
</style>
<p class=