본문으로 바로가기

[HTML 기본 요소] 스타일

category WEB/HTML 2017. 6. 21. 10:21
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

공부 참고 http://tcpschool.com/html/html_basic_styles


▶ 스타일


▣ HTML 스타일

- HTML 요소의 style 속성을 이용하면 CSS 스타일을 HTML 요소에 직접 설정 가능.

- BUT, style 속성을 이요한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용가능.

- 문법 : <태그이름 style="속성이름:속성값">


▣ 배경색 변경

- 배경색 변경 예제

배경색 변경!!

- 결과 화면

배경색 변경!!

▣ 글자색 변경

- 글자색 변경 예제

글자색 변경!!

- 결과 화면

글자색 변경!!

▣ 글자 크기 변경

- 글자크기 변경 예제

크기야 커져라!!

- 결과 화면

크기야 커져라!!


▣ 문단 정렬 변경

- 문단 정렬 변경 예제

style 속성을 이용한 문단 정렬 변경

- 결과 화면

style 속성을 이용한 문단 정렬 변경


▣ 여러 스타일 설정

- style 속성값에 사용되는 CSS 속성과 속성값들은 세미콜론(;)을 이용하여 구분.

- 여러 개 정의 시 마지막 CSS 속성은 세미콜론 생략 가능.

style 속성을 이용하여 한 번에 스타일링 하기!

- 결과 화면

style 속성을 이용하여 한 번에 스타일링 하기!

'WEB > HTML' 카테고리의 다른 글

[HTML 기본 요소] 배경  (0) 2017.06.22
[HTML 기본 요소] 색  (0) 2017.06.21
[HTML 텍스트 요소] 문자셋  (0) 2017.06.21
[HTML 텍스트 요소] 주석  (0) 2017.06.21
[HTML 텍스트 요소] 인용구  (0) 2017.06.21