[Language/CSS]: 사용 방법
2023. 4. 19. 18:12ㆍ🔤 Language/CSS
사용방법
- head 안에 style tag 생성
- css 이름 설정 및 내용 입력
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .mytitle { background-color: green; } .mybtn { width: 300px; } .mytxt { text-align: center; } </style> </head> <body> <h1 class="mytitle">로그인 페이지</h1> <p class="mytxt">ID: <input type="text"/></p> <p class="mytxt">PW: <input type="text"/></p> <button class="mybtn">로그인하기</button> </body> </html>
CSS 종류
배경관련
- background-color
- background-image
- background-size
사이즈
- width
- height
폰트
- font-size
- font-weight
- font-family
- color
간격
- margin
- padding
reference
스파르타코딩클럽_웹개발종합반_강의자료
'🔤 Language > CSS' 카테고리의 다른 글
| [Language/CSS] padding, border, margin (0) | 2023.05.04 |
|---|---|
| [Language/CSS]: 라이브러리 기능 (0) | 2023.04.20 |
| [Language/CSS]: 정의 (0) | 2023.04.19 |