[HTML & CSS] CSS 기초

728x90

<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <style>
        
    </style>
</head>

이런식으로 <head></head> 안에 <style></style> 넣어주자

그 스타일안에

<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <style>
        .mytitle {
            color: red;
        }
    </style>
</head>

.mytitle 이라는 class의 색깔을 빨갛게 해주세요 라는 명령어를 넣어주자

그렇게 되면

바디에있는 mytitle 이라는 class를 가지고 있는 글자가 빨간색으로 나타나게 될거다.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>로그인페이지</title>
        <style>
            .mytitle {
                color: red;
            }
        </style>
    </head>

    <body>
        <h1 class="mytitle">로그인 페이지</h1>
        <p>ID: <input type="text"/></p>
        <p>PW: <input type="text"/></p>
        <button>로그인하기</button>
    </body>
</html>

728x90

저작자표시

'📁 𝐡𝐭𝐦𝐥 & 𝐜𝐬𝐬 > HTML & CSS' 카테고리의 다른 글

[HTML & CSS] 부트스트랩 써보기 (2)	2023.01.10
[HTML & CSS] 폰트, 주석, 파일분리 (2)	2023.01.10
[HTML & CSS] 자주 쓰이는 CSS 연습하기 (0)	2023.01.10
[HTML & CSS] 간단한 로그인 페이지 만들어보기 (0)	2023.01.10
[HTML & CSS] 기본 내용 (0)	2023.01.10