Page 79 - MDP2020-2

················································································ 명장양성프로젝트 【MDP】 과제발표회 자료집 Ⅱ | 73

-style3
body{
background: #F6B352;
/* 주황색 배경 */
margin: 0;
/* 상하좌우 0px */
padding: 0;
/* 상하좌우 여백 0px */
position: relative;
/* 위치 속성 relative */
left: -20%;
/* 좌에서 -20% */
top: 11%;
/* 위에서 11% */
}

input:focus, button:focus {
outline:none;
/* 테두리 없음 */
}

div {
box-sizing: border-box;
/* 테두리 기준 크기 */
}

.container {
width:400px;
/* 너비 400px */
height: 645px;
/* 높이 645px */
background: #fff;
/* 흰색 배경 */
margin:20px auto;
/* 블록 사이의 거리 세로 20px 가로 auto */
border-radius: 8px;
/* 둥금 8px */
box-shadow: 0 2px 5px 0 #383A3F;
/* 회색 그림자 */
}

.header{
width: 100%;
/* 너비 100% */