¿Cómo cambiar el color de subrayado en CSS?

El estilo se implementa en el texto HTML para que sea llamativo y atractivo. El texto se puede poner en cursiva, subrayado y negrita según los requisitos.

  • Etiqueta de subrayado : para cambiar el color del subrayado, debemos agregar algo de estilo usando CSS (en línea/interno/externo). Por defecto, el color del subrayado es negro. En CSS, usaremos la propiedad de decoración de texto para subrayar el estilo.

    Sintaxis:

    <u> Some Text Here </u>
  • Propiedad CSS text-decoration-color: esta propiedad se utiliza para especificar el color de las decoraciones (sobrelíneas, subrayados y líneas cruzadas) sobre el texto.

    Sintaxis:

    text-decoration-color: color | initial | inherit ;

Los siguientes ejemplos ilustran el enfoque de cambiar el color de subrayado por CSS

Ejemplo 1:

HTML

<!DOCTYPE html>
<html>
<body> 
    <u style="text-decoration-color:red">
      Geeksforgeeks A Computer 
      Science Portal for Geeks
    </u>
</body>
</html>

Producción:

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
  <head>
    <style>
      u {
        text-decoration-color: red;
      }
    </style>
  </head>
  <body>
    <h2>
      Geeksforgeeks
      <u>A Computer Science Portal for Geeks</u>
    </h2>
  </body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por akshitsaxenaa09 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *