━━━━ ◇ ━━━━
-/html

[HTML] Style

👀 HTML 스타일

HTML 요소들에 스타일을 더해주는 attribute. 색, 폰트, 사이즈 등을 설정 가능

✔ BG 색

CSS의 background-color가 BG 색을 결정

<body style="background-color:blue;">
<h1>Heading</h1>
<p>paragraph</p>
</body>

✔ 문자 색

CSS의 color 문자 색을 결정

<h1 style="color:blue;">Heading</h1>

✔ 폰트

CSS의 font-family가 폰트를 결정

<p style="font-family:courier;">paragraph</p>

✔ 문자 크기

CSS의 font-size가 문자 크기를 결정

<h1 style="font-size:200%;">Heading</h1>

✔ 문자 정렬

CSS의 text-align이 문자를 정렬

<h1 style="text-align:center;">Heading</h1>

✔ 정리

style=""        스타일을 정의
background-color    배경색 설정
color            문자색 설정
font-family        문자 폰트 설정
font-size        문자 크기 설정
text-align        문자 정렬 설정 (center, left, right)

👍 참고 사이트

  1. w3schools HTML Style


'- > html' 카테고리의 다른 글

[HTML] 하이퍼링크  (0) 2021.01.23
[HTML] Heading  (0) 2021.01.15
[HTML] Paragraph  (0) 2021.01.15
[HTML] Text Formatting  (0) 2021.01.15
[HTML] <p>와 <br>  (0) 2021.01.15
COMMENT