box-sizing1 HTML5 CSS3 홈페이지 스타일링 1 - 박스모델 Box-model 홈페이지를 디자인하다보면 사진과 버튼, 박스 등에 둥근 모서리를 많이 사용하게 됩니다. border-radius 속성으로 어떻게 스타일링 하는지 간단한 코드로 알아봅시다.또 패딩과 마진을 사용하다보면 내가 원한 가로 세로값과 달라지는 경우가 있는데요. box-sizing 속성으로 어떻게 해결해야할지 간단한 코드로 알아봅시다.radius 둥근 모서리border-radius 속성은 사각형 모서리를 둥글게 만들어주는 속성입니다.border-radius :10px; // 모든 모서리border-radius :10px 20px; // 왼쪽상단+오른쪽하단 오른쪽상단+왼쪽하단border-radius: 10px 20px 30px 40px; // 왼쪽상단 오른쪽상단 오른쪽하단 왼쪽하단 box-sizingbox-sizin.. 2024. 6. 18. 이전 1 다음