[HTML/CSS] <hr /> 입체 사건

위&nbsp; border 아래 hr

오늘의 발견.. hr  태그는 자세히 보면 약간 입체처럼 생겼다

난 그냥 일자 선을 원했던 건데..

 

div {
    border-top: 1px solid #d7d7d7;
    height: 8px;
    margin-top: 7px;
  }

 

그래서 div로 만들고 border-top만 주었다

hr처럼 자체 여백이 없어서 height이랑 margin 등을 직접 주어야 하긴 했지만

더 얇은 느낌을 위해서는 이게 나았다!