본문 바로가기

css

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

<!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>

결과 :마진중첩이해하기

'css' 카테고리의 다른 글

8장 예제 - 수평 내비게이션 만들기  (0) 2023.03.27
8장 실습 2  (0) 2023.03.27
8장 실습 1  (0) 2023.03.27
7장 마무리 문제 4  (0) 2023.03.26
7장 마무리 문제 3  (0) 2023.03.26