css

8장 예제 -마진중첩 이해하기

쥬크버그 2023. 3. 27. 02:18
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <title>마진중첩이해하기</title>
<style>
  div {
    width:200px;
    height:100px;
    margin:30px;
  }
  #box1 {background:red;}
  #box2 {background:blue;}
  #box3 {background:purple;}
</style>  
</head>
<body>
  <div id="box1"></div>
  <div id="box2"></div>
  <div id="box3"></div>
</body>

결과 :마진중첩이해하기