본문으로 바로가기

[HTML 기본 요소] 배경

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

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


▶ 배경


▣ 배경

- 배경은 2가지 방법으로 변경가능

1. 배경을 다른 색으로 변경

2. 배경을 다른 이미지로 변경


▣ 배경을 다른 색으로 변경

- HTML5 이전에는 bgcolor 속성을 이용

- HTML5 부터는 CSS를 이용.

123


▣ 배경을 다른 이미지로 변경

- background 속성을 이용하여 배경을 이미지로 설정가능.

- 문법 : <태그이름 background="이미지주소">

- 예제

<body background="http://tcpschool.com/examples/images/img_background_good.png">

<h1>배경으로 이미지 삽입하기</h1>

</body>

- 배경으로 이미지 사용 시, 웹 페이지의 로딩시간이 증가함.

- 그래서 보통 작은 사이즈의 이미지를 패턴으로 만들어 배경이미지로 반복 설정함.

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

[HTML 기본 요소] 이미지  (0) 2017.06.22
[HTML 기본 요소] 링크  (0) 2017.06.22
[HTML 기본 요소] 색  (0) 2017.06.21
[HTML 기본 요소] 스타일  (0) 2017.06.21
[HTML 텍스트 요소] 문자셋  (0) 2017.06.21