최상위 태그의 border 가 solild 4px black 으로 주어진 상황에서
add to cart 란 버튼에 윗줄만 border-top 을 주려고 하면 아래 사진처럼 버튼의 테두리가 부자연스러운 모습을 볼 수 있는데, 이는 버튼 태그는 기본적으로 브라우저에 의해 border 가 1.714로 설정되어 있기 때문입니다.
먼저 border: none 을 주어서 기본 border 를 0으로 만든 후, 추가로 border-top 을 줘야 매끄럽게
처리가 가능해집니다.
