[HTML] Style

박우현·2020년 12월 17일
0
post-thumbnail
post-custom-banner

👌 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)

👍 참고 사이트

post-custom-banner

0개의 댓글