¿Cómo cambiar el color de la línea horizontal (elemento <hr>) usando CSS?

La etiqueta HTML <hr> se utiliza para insertar una regla horizontal o un corte temático en una página HTML para dividir o separar secciones del documento. El color de la etiqueta <hr> se puede establecer usando la propiedad background-color en CSS.

Ejemplo:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
  
    <style>
        hr {
            height: 4px;
            background-color: red;
            border: none;
        }
    </style>
</head>
  
<body>
    <h1>GeeksForGeeks</h1>
  
    <h2>
        How to Changing the co lor 
        of an hr element using CSS?
    </h2>
  
    <p>This is a paragraph</p>
    <hr>
      
    <p>This is another paragraph</p>
</body>
  
</html>

Producción:

Los navegadores compatibles se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Safari
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 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 *