반응형육각형1 [CSS] 육각형 만들기 (⭐️반응형) 한 페이지에 든, 든 무언가 여러 개를 나열해야 할 때 보통은 왼쪽처럼 가지런하게 나열하는 걸 선호하지만, 가끔은 꾸안꾸 하게 나열하는 일도 필요한 법. 마찬가지로 가지런하면서 색다른 게 없을까 하다가 오른쪽처럼 육각형으로 나열하는 방법을 찾았다. HEX 1 우선 wrapper로 사용할 큰 틀을 하나 만든 후 그 안에 필요한 개수만큼 육각형을 만들어준다. 로 만들어주고 그 안에 inner하나, 그리고 콘텐츠가 실제로 자리할 div를 또 만들어준다. 전체 육각형 개수는 상관없지만 난 홀수 줄에는 4개, 짝수 줄에는 3개씩 육각형이 들어가게끔 만들거라 일단 이런 육각형을 일곱 개 만들어주고 CSS. * { margin: 0; padding: 0; } .wrap { width: 80%; margin: 100p.. 2020. 11. 14. 이전 1 다음
