07.HTML Styles

 

 

HTML 스타일 속성

---

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

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

 

<태그 이름 style="속성:값;">

이 속성은 CSS 속성입니다. 값은 CSS 값입니다.

 

CSS에 관한 내용은 CSS 파트에서 더 자세히 배울 수 있습니다.

 

 

HTML 배경색

---

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

이 예제에서는 페이지의 배경색을 powderblue로 설정합니다.

 

See the Pen 07.HTML Styles by heunho (@heunho) on CodePen.

 

 

 

HTML 텍스트 색

---

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

 

See the Pen 02.HTML Text Color by heunho (@heunho) on CodePen.

 

 

HTML 폰트

---

font-family 속성은 HTML 요소에 사용할 폰트를 정의합니다.

 

See the Pen 03.HTML Fonts by heunho (@heunho) on CodePen.

 

 

HTML 텍스트 크기

---

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

 

See the Pen 04.HTML Text Size by heunho (@heunho) on CodePen.

 

 

HTML 텍스트 정렬

---

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

 

See the Pen 05.HTML Text Alignment by heunho (@heunho) on CodePen.

 

 

단원 요약

---

• HTML 요소 스타일 지정은 style 속성을 사용합니다.
• 배경색은 background-color 속성을 사용합니다.
• 텍스트 색상은 color 속성을 사용합니다.
• 텍스트 글꼴은 font-family 속성을 사용합니다.
• 텍스트 크기는 font-size 속성을 사용합니다.
• 텍스트 정렬은 text-align 속성을 사용합니다.

 

 

---

틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.

---

대부분의 내용의 저작권은 w3schools에 있습니다.

HTML Styles