margin: 25px 50px 75px 100px; // shorthand (top, right, bottom, left)
margin-top: 40px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 10px;
padding: 25px 50px 75px 100px; // shorthand (top, right, bottom, left)
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
.wrapper {
margin: 0 auto;
width: 800px;
}
테두리 영역의 스타일을 정하는 방법
border: 1px solid black; // shorthand (크기, 스타일, 색상)
border-radius: 10px 40px 40px 10px; // shorthand
border-top-left-radius: 10px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 10px;
// 박스 모델의 왼쪽 위 모서리를 x축 반지름을 50px y축 반지름을 25px로 하는 타원 형태의 곡선으로 둥글게 지정
border-top-left-radius: 50px 25px;