[HTML] hr element 색상 바꾸기

<hr> 태그에서 CSS로 color 지정을 했는데 안 먹힐 때가 있다.

hr {
    color: #222222;
}


찾아보니 브라우저 별로 방법이 차이가 있었다.
border-color나 background-color를 대신 써 주는 것이다.

두께가 1 pixel 짜리라면 다음 코드와 같이 변경해 준다.

hr {
    color: #222222;    /* IE */
    border-color: #222222;  /* 사파리 */
    background-color: #222222;   /* 크롬, 모질라 등, 기타 브라우저 */
}


========
두께(높이)를 변경해야 한다면 이렇게 한다.

hr {
    height: 2px;
    color: #777777;
    background-color: #777777;
    border: none;
}