Page 79 - MDP2020-2
P. 79

················································································  명장양성프로젝트  【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%  */
   74   75   76   77   78   79   80   81   82   83   84