반응형1 css로 사각형 만들기 사각형은 레이아웃을 구성하거나 표제어, 헤드라인 디자인에 많이 사용됩니다. 높이와 너비를 기본으로, 기울이기나 굵기를 사용하여 변형된 사각형을 만들 수 있습니다. 정사각형 너비와 높이를 같은 수치로 지정해줍니다. .square01 { width: 80px; height: 80px; background-color: #ffd67a; } 정사각형(반응형) 한계치 너비(max-width)를 임의로 지정하여 브라우저 너비에 따라 같은 형태로 크기만 달라집니다. 아래의 예시는 한계치 너비를 500px로 지정하였으므로 브라우저 너비가 500px 이하일 경우 크기가 줄어들며, 500px 이상일 경우에는 크기가 변하지않습니다. .square02 { max-width: 500px; } .square02 div { widt.. 2023. 3. 9. 이전 1 다음
