Decoración de texto: text-decoration
Controla la decoración del texto (por ejemplo, "underline" para subrayado).
Un ejemplo de código para text-decoration es:
<!DOCTYPE html>
<html>
<head>
<style>
/* Definir una clase CSS que aplica subrayado al texto */
.subrayado {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Ejemplo de Texto Subrayado</h1>
<p>Este es un párrafo de texto normal.</p>
<p>Este es un <span class="subrayado">texto subrayado</span> utilizando la propiedad CSS <code>text-decoration</code>.</p>
</body>
</html>
<html>
<head>
<style>
/* Definir una clase CSS que aplica subrayado al texto */
.subrayado {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Ejemplo de Texto Subrayado</h1>
<p>Este es un párrafo de texto normal.</p>
<p>Este es un <span class="subrayado">texto subrayado</span> utilizando la propiedad CSS <code>text-decoration</code>.</p>
</body>
</html>
El ejemplo 20 muestra la página resultante.
Para ver el despliegue de text-decoration, haz clic aquí.
Para aprender como establecer altura entre líneas de un texto, haz clic aquí.
Volver a Catálogo de estilos.
Comentarios
Publicar un comentario