반응형
HTML 스타일 속성은 아래와 같은 문법을 사용합니다.
style="속성:값;"
스타일은 CSS 에서 왔는데, CSS는 뒤에서 다루도록 하겠습니다.
background-color 속성은 배경 색상을 지정합니다.
<body style="background-color:lightgrey;">
color 속성은 글자의 색상을 지정합니다.
<h2 style="color: blue;">파란색 글자</h2>
<h2 style="color: green;">녹색 글자</h2>
font-family 속성으로 글꼴을 지정합니다.
<h3 style="font-family: 바탕;">바탕 글꼴입니다.</h3>
<h3 style="font-family: '맑은 고딕', 'Malgun Gothic', verdana;">맑은 고딕 글꼴입니다.</h3
2번째 처럼 적으면 맑은고딕 폰트가 없을때는 Malgun Gothic이 Malgun Gothic이
없을 시엔 verdana가 적용 됩니다
font-size 속성은 글자 크기를 지정합니다.
<h3 style="font-size: 300%;">h3 글자 크기 300%</h3>
<h3 style="font-size: 80%;">h3 글자 크기 80%</h3>
text-align 속성으로 글자의 수평 정렬을 지정합니다.
<h3 style="text-align: center;">가운데 정렬</h3>
*직접 예제 구성
읽어주셔서 감사합니다.
'Web development > Frontend' 카테고리의 다른 글
| [HTML]H06.HTML-Comments (0) | 2017.08.03 |
|---|---|
| [HTML]H05.HTML-Computer-Code (0) | 2017.08.03 |
| [HTML]H04.HTML-Quotation-Elements (1) | 2017.08.02 |
| [HTML]H03..HTML-Text-Formatting-Elements (0) | 2017.08.01 |
| [Html]h01.HTML-Basic (0) | 2017.07.21 |
