Искам да променя цвета на моя таг hr
с помощта на CSS. Кодът, който пробвах по-долу, изглежда не работи:
hr {
color: #123455;
}
Мисля, че трябва да използвате border-color
вместо color
, ако целта ви е да промените цвета на линията, създадена от тага <hr>
.
Макар че в коментарите се посочва, че ако промените размера на линията, границата ще продължи да бъде толкова широка, колкото сте посочили в стиловете, а линията ще бъде запълнена с цвета по подразбиране (което в повечето случаи не е желан ефект). Така че изглежда, че в този случай ще трябва да посочите и background-color
(както предложи @Ibu в отговора си).
Проектът HTML 5 Boilerplate в своя набор от стилове по подразбиране определя следното правило:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
В една статия, озаглавена "12 Little-Known CSS Facts", публикувана наскоро от SitePoint, се споменава, че <hr>
може да зададе своя border-color
на родителския'color
, ако посочите hr { border-color: inherit }
.
hr { color: #f00; background-color: #f00; височина: 5px; }