Chcem zmeniť farbu značky hr
pomocou CSS. Zdá sa, že kód, ktorý som vyskúšal nižšie, nefunguje:
hr {
color: #123455;
}
Myslím, že by ste mali použiť border-color
namiesto color
, ak je vaším zámerom zmeniť farbu riadku vytvoreného tagom <hr>
.
Hoci v komentároch bolo upozornené, že ak zmeníte veľkosť riadku, okraj bude stále taký široký, ako ste zadali v štýloch, a riadok bude vyplnený predvolenou farbou (čo väčšinou nie je želaný efekt). Zdá sa teda, že v tomto prípade by ste museli zadať aj background-color
(ako navrhol @Ibu vo svojej odpovedi).
Projekt HTML 5 Boilerplate vo svojom predvolenom súbore štýlov špecifikuje nasledujúce pravidlo:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
Článok s názvom "12 málo známych faktov o CSS", ktorý nedávno uverejnil SitePoint, uvádza, že <hr>
môže nastaviť svoju border-color
na svoju nadradenú'farbu, ak zadáte hr { border-color: inherit }
.
hr
{
background-color: #123455;
}
pozadie je to, ktoré by ste sa mali pokúsiť zmeniť
Môžete tiež pracovať s farbou okrajov. nie som si istý, myslím, že sú s tým problémy v rôznych prehliadačoch. mali by ste to otestovať v rôznych prehliadačoch