Saltar al contenido

ejemplo de código de color html hr

Ejemplo 1: css hr color

hr  border: 0; border-top: 1px solid #dee2e6; 

Ejemplo 2: cómo cambiar el color de la etiqueta hr en html

<style>hrheight:1px;background-color:#ccc;border: none;style>

Ejemplo 3: estilo de línea horizontal html

<hrstyle="width:50%",size="3",color=black><hrstyle="height:2px;width:50%;border-width:0;color:red;background-color:red">

Ejemplo 4: cómo diseñar una etiqueta hr

/* Red border */
hr.new1 
  border-top: 1px solid red;


/* Dashed red border */
hr.new2 
  border-top: 1px dashed red;


/* Dotted red border */
hr.new3 
  border-top: 1px dotted red;


/* Thick red border */
hr.new4 
  border: 1px solid red;


/* Large rounded green border */
hr.new5 
  border: 10px solid green;
  border-radius: 5px;

Ejemplo 5: html de línea horizontal

<hr>

Ejemplo 6: agregar color a la etiqueta hr

<style>/* Red border */hr.new1border-top:1px solid red;/* Dashed red border */hr.new2border-top:1px dashed red;/* Dotted red border */hr.new3border-top:1px dotted red;/* Thick red border */hr.new4border:1px solid red;/* Large rounded green border */hr.new5border:10px solid green;border-radius:5px;style><h2>Style HRh2><p>Default:p><hr><p>Different styles of HR:p><hrclass="new1"><hrclass="new2"><hrclass="new3"><hrclass="new4"><hrclass="new5">

Comentarios y valoraciones del artículo

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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