collapse
-
flex 를 사용할 때 div의 border들이 서로겹쳐 경계선이 두껍게 보인다면 해결책!Html & CSS 2023. 3. 25. 03:56
📌flex 를 사용할 때 div의 border들이 서로겹쳐 경계선이 두껍게 보인다면 해결책! 처음엔 border-collapse : collapse 로 해결하려고 했는데 이건 표속성이란다..... 그래서 ChatGpt에게 물어보았다. border-collapse 속성은 표(table) 요소에서만 사용되며, collapse 값은 경계선이 붙어서 보이지 않도록 하는 속성 값입니다. flex 속성과는 관련이 없습니다. flex 레이아웃에서 경계선이 겹치는 문제를 해결하려면, border-collapse 대신 box-shadow 속성을 사용할 수 있습니다. box-shadow 속성은 요소의 경계선 대신에 그림자를 표시하는 속성입니다. 예를 들어, 아래와 같은 코드로 box-shadow 속성을 적용할 수 있습니다..