HTML 스타일

HTML Style 속성

HTML 요소의 스타일 설정은 style 속성을 사용하여 수행할 수 있습니다.

HTML style 속성 구문은 다음과 같습니다.

<tagname style="property:value;">

property는 CSS 속성입니다. value는 CSS 값입니다.

CSS background-color 속성은 HTML 요소의 배경색을 정의합니다.

<body style="background-color:powderblue;">

<h1>표제입니다.</h1>
<p>단락입니다.</p>

</body>

<body>

<h1 style="background-color:powderblue;">표제입니다.</h1>
<p style="background-color:tomato;">단락입니다.</p>

</body>

CSS color 속성은 HTML 요소의 텍스트 색상을 정의합니다.

<h1 style="color:blue;">표제입니다.</h1>
<p style="color:red;">단락입니다.</p>

CSS font-family 속성은 HTML 요소에 사용할 글꼴을 정의합니다.

<h1 style="font-family:verdana;">표제입니다</h1>
<p style="font-family:courier;">단락입니다.</p>

CSS font-size 속성은 HTML 요소의 텍스트 크기를 정의합니다.

<h1 style="font-size:300%;">표제입니다.</h1>
<p style="font-size:160%;">단락입니다.</p>

CSS text-align 속성은 HTML 요소의 수평 텍스트 정렬을 정의합니다.

<h1 style="text-align:center;">표제입니다.</h1>
<p style="text-align:center;">단락입니다..</p>