[CSS] hr 태그 관련 CSS

항상 html 작업을 하다보면, hr의 css를 고민했었다.

고민하다 그냥 빼버리는 경우가 거의 다반사....

이제는 제대로 해보자!!

검색하면 많은 내용들이 나오지만, 마음에는 드는 한곳을 찾았다.

심플하게 ㅋㅋㅋㅋ 난 심플하게 좋아요~

일단 소스....

hr.style-one {

    border: 0;

    height: 1px;

    background: #333;

    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 

    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 

    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 

    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 

}

CSS-TRICK 사이트 :: http://css-tricks.com/examples/hrs/

가정 기본적인 소스만 사용했지만, 다양한 CSS가 있다.

사용해 보면 괜찮을듯...