(html/css) 점선 그리기(hr 태그 이용)

css를 통해 점선을 표현하려면 어떻게 해야할까?

<hr> 태그에 style을 주면 될텐데

다음과 같이 처리하면 된다!(해외 디자이너가 짠 소스인데 심플하고 브라우저 호환성도 좋은 것 같다!)



<style>
hr {
    border: none;
    border-top: 3px dotted blue;
    color: #fff;
    background-color: #fff;
    height: 1px;
    width: 50%;
}
</style>

<hr />



출처 : http://stackoverflow.com/questions/1746491/how-to-draw-a-dotted-line-with-css