본문 바로가기

HTML/DAY 29 _ 23.10.04

Box Model2

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">

        <style>
            #box1{
                border: 1px solid red;
            }

            #box2{
                width: 200px;
                height: 200px;
                background-color: aquamarine;
            }

            #box3{
                width: 100px;
                height: 120px;
                background-color: coral;
            }



        </style>

    </head>

    <body>

        <div id="box1">
            <div id="box2"></div>
            -> box2의 크기를 키우면 box1도 커지겠지
            <div id="box3"></div>
        </div>

    </body>
 
</html>

 


## 결과

-> box2의 크기를 키우면 box1도 커지겠지

'HTML > DAY 29 _ 23.10.04' 카테고리의 다른 글

Box Model3  (0) 2023.10.04
Selector2  (0) 2023.10.04
CSS Basic  (1) 2023.10.04
Box Model  (0) 2023.10.04
Selector  (0) 2023.10.04