box

유석현(SeokHyun Yu)·2022년 11월 14일
0

CSS

목록 보기
13/32
post-thumbnail
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
            p,
            div,
            a {
                border: 10px solid red;
                padding: 20px;
                margin: 40px;
                width: 200px;
            }
        </style>
    </head>
    <body>
        <p>
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla quam
            nam maiores, veritatis optio laboriosam vel tempora accusantium
            laborum atque inventore a dolorum, dignissimos culpa commodi unde
            repudiandae rerum labore!
        </p>
        <div>
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla quam
            nam maiores, veritatis optio laboriosam vel tempora accusantium
            laborum atque inventore a dolorum, dignissimos culpa commodi unde
            repudiandae rerum labore!
        </div>

        <!-- 인라인 태그는 화면 전체를 차지하지 않고 딱 그 부분만 border가 생김 -->
        <!-- width, height를 지정해도 무시됨 -->
        <h3>안녕하세요, <a href="https://naver.com">유석현</a>입니다.</h3>
    </body>
</html>

profile
Backend Engineer

0개의 댓글