표테두리속성1 border-collapse 이용하여 div 테두리 겹침 제거 border-collapse 속성은 표(table)의 테두리를 어떻게 보이게 할지를 결정하는 css 이다. div 3개를 연속으로 나란히 배치하려고 하였는데, 테두리 겹침 현상이 있어 border-collapse 속성을 이용하여 제거했다. 아래에 그 방법을 소개하려고 한다. 먼저 아래와 같이 box1 이라는 클래스명을 갖는 정사각형 div 세 개를 배치시키고, wrap_box1 이라는 클래스명의 div로 감싸주었다. 경계를 뚜렷하게 확인할 수 있도록 모든 div에 1px의 흰색 테두리를 설정했다. div 태그는 기본적으로 block 속성을 가지고 있기 때문에 아래와 같이 세로로 나란히 정렬된다. 정사각형 div 들을 가로로 정렬시키기 위해 display:inline-block; 속성을 사용하였다. (di.. 2020. 9. 18. 이전 1 다음
