HTML 스타일
예
나는 빨강이다.
나는 푸른 색이다.
나는 빅이야.
HTML 스타일 속성
HTML 요소의 스타일 설정은 style속성을 사용하여 수행 할 수 있습니다 .
HTML style속성의 구문 은 다음 과 같습니다.
<tagname style="property:value;">이 속성 은 CSS 속성입니다. 값은 CSS의 값입니다.
HTML 배경색
이 background-color속성은 HTML 요소의 배경색을 정의합니다.
이 예제에서는 페이지의 배경색을 powderblue로 설정합니다.
예
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>HTML 텍스트 색상
이 color속성은 HTML 요소의 텍스트 색상을 정의합니다.
예
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>HTML 글꼴
이 font-family속성은 HTML 요소에 사용할 글꼴을 정의합니다.
예
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>HTML 텍스트 크기
이 font-size속성은 HTML 요소의 텍스트 크기를 정의합니다.
예
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>HTML 텍스트 정렬
이 text-align속성은 HTML 요소의 가로 텍스트 정렬을 정의합니다.
예
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>테스트해보기
Test Yourself with Exercises!
단원 요약
styleHTML 요소 스타일 지정에 속성 사용- 사용하여
background-color배경 색상 - 사용하여
color텍스트 색상을 - 사용하여
font-family텍스트 글꼴 - 사용하여
font-size텍스트 크기에 - 사용하여
text-align텍스트 정렬
'언어 > HTML' 카테고리의 다른 글
| HTML 인용문 및 인용문 요소 (0) | 2018.12.18 |
|---|---|
| HTML FORMATING 텍스트 서식지정 (0) | 2018.12.18 |
| HTML 단락 (0) | 2018.12.18 |
| HTML 제목 (0) | 2018.12.17 |
| HTML 속성 (0) | 2018.12.17 |