Eu quero mudar a cor da minha tag hr
usando CSS. O código I' tentei abaixo não' parece não funcionar:
hr {
color: #123455;
}
Eu acho que você deve utilizar `cor da fronteira
ao invés de color
, se sua intenção é mudar a cor da linha produzida por <hr>
tag.
Embora, tenha sido apontado nos comentários que, se você mudar o tamanho da sua linha, a borda ainda será tão larga quanto você especificou nos estilos, e a linha será preenchida com a cor padrão (que não é um efeito desejado na maioria das vezes). Então parece que neste caso você também precisaria especificar background-color
(como @Ibu sugeriu em sua resposta).
HTML 5 Boilerplate em sua folha de estilo padrão especifica a seguinte regra:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
Um artigo intitulado "12 Fatos CSS de Pequenos Conhecidos", publicado recentemente pelo SitePoint, menciona que <hr>
pode definir sua cor da fronteira
para a cor da fronteira
de seus pais se você especificar hr {cor da fronteira: herdar }
.