[CSS] class

CSS

[CSS] class

기록하는_사람 2022. 9. 13. 22:52

class

📌 class

: 여러 요소가 같이 사용할 수 있음

한 요소는 여러 클래스를 가질 수 있음

.(클래스명) { }

예시

<!DOCTYPE html>
<html>
    <head>
        <title>HTML 기본 형식</title>
        <link href="styles.css" rel="stylesheet"/>
        <style>
            html {
                background-color: blanchedalmond;
            }
            body {
                margin: 20px;
            }
            .btn {
                padding: 5px;
                border-radius: 10px;
            }
            .olive {
                background-color: olive;
                color: beige;
            }
            .tomato {
                background-color: tomato;
                color: beige;
            }
        </style>
    </head>
    <body>
        <span class="btn olive">class</span>
        <span class="btn tomato">class</span>
        <span class="btn olive">class</span>
        <span class="btn tomato">class</span>
        <span class="btn olive">class</span>
        <span class="btn tomato">class</span>
    </body>
</html>