Decoración de texto

Parte de la sección Styling with CSS del Journey de HTML de Coddy. Lección 22 de 76.

En CSS, la propiedad text-decoration se utiliza para añadir o eliminar decoration al text dentro de un elemento HTML. Esta propiedad permite subrayar, añadir una línea superior o tachar el text, proporcionando énfasis visual o indicando estados específicos.

Los valores comunes para text-decoration incluyen:

none: Elimina cualquier decoración de texto. Este es el valor predeterminado.

underline: Añade un subrayado al texto.

overline: Añade una línea sobre el texto.

line-through: Añade una línea que atraviesa el centro del texto (tachado).

Por ejemplo:

a {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

Desafío

Fácil

Se te proporciona un documento HTML con un paragraph (<p>) que contiene un elemento anchor (<a>) y un division (<div>). Tu tarea es utilizar la propiedad text-decoration para aplicar estilos a estos elementos. Sigue los pasos a continuación:

Escribe una regla CSS que seleccione todos los elementos <a>. Establece text-decoration en none para eliminar el subrayado predeterminado.
Añade un atributo class con el valor "underline" al elemento <p>.
Escribe una regla CSS que seleccione todos los elementos con la class underline. Establece text-decoration en underline.
Añade un atributo class con el valor "strike" al elemento <div>.
Escribe una regla CSS que seleccione todos los elementos con la class strike. Establece text-decoration en line-through.

REQUIRED OUTPUT FORMAT: [Your translated content here]

Pruébalo tú mismo

<html>
<head>
    <title>Text Decoration</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <p>This is a paragraph with a <a href="#">link</a>.</p>
    <div>This is a division.</div>
</body>
</html>