Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

3일만에 끝내는 HTML, CSS, JS 기초

h02. HTML 스타일 속성 본문

HTML

h02. HTML 스타일 속성

눈의나라북범 2016. 6. 5. 15:25

HTML 스타일 속성

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>

바탕 글꼴입니다.

맑은 고딕 글꼴입니다.


font-size 속성은 글자 크기를 지정합니다.

<h3 style="font-size: 300%;">h3 글자 크기 300%</h3> <h3 style="font-size: 80%;">h3 글자 크기 80%</h3>

h3 글자 크기 300%

h3 글자 크기 80%


text-align 속성으로 글자의 수평 정렬을 지정합니다.

<h3 style="text-align: center;">가운데 정렬</h3>

가운데 정렬


[광고] Udemy 동영상 강의로 보기


'HTML' 카테고리의 다른 글

h07. HTML CSS 스타일  (0) 2016.06.05
h05. HTML 프로그래밍 코드 표시  (0) 2016.06.05
h04. HTML 인용문 태그들  (0) 2016.06.05
h03. HTML 텍스트 태그들  (0) 2016.06.05
h01. HTML 기본 태그들  (2) 2016.06.05