반응형
# HTML 문서의 기본 배경은 흰색입니다.
# 또한, HTML 요소들도 각자 자신만의 배경을 가지고 있습니다.
# 이번 "HTML 배경(Background) 설정 방법"편에서는 HTML의 배경을 변경하는 방법에 대해 설명합니다.
# tag 목록을 볼 수 있는 페이지로 이동합니다.
# 비전공자가 이해한 HTML
HTML 배경(Background)
HTML에서는 이러한 배경을 다음과 같이 변경할 수 있습니다.
1. 배경을 다른 색으로 변경
2. 배경을 다른 이미지로 변경
위의 두 가지 방법을 아래에서 하나씩 배워보겠습니다.
1) 배경을 다른 색으로 변경
HTML5 이전까지는 bgcolor 속성을 이용해 HTML 요소의 배경색을 다른 색으로 변경할 수 있었습니다.
하지만 HTML5 부터는 bgcolor 속성을 더이상 지원하지 않고, CSS를 이용해 배경색을 변경하도록 하고 있습니다.
<style>
body { background-color:lightblue; }
h1 { background-color:red; }
p { background-color:yellow; }
</style>
2) 배경을 다른 이미지로 변경
문법은 <태그이름 background="이미지주소"> 입니다.
<body background="/examples/images/background.png">
...
</body>
해당 글은 TCP School에 있는 글을 토대로 공부한 내용입니다.
반응형
'FrontEnd > HTML' 카테고리의 다른 글
| #4-4. HTML 이미지(Image) <img> 태그 (0) | 2021.07.16 |
|---|---|
| #4-3. HTML 링크(link) 설정 방법(<a>) (0) | 2021.07.16 |
| #4-1. HTML 스타일(style) 속성 (0) | 2021.07.16 |
| #3. HTML 공간 분할 요소:: iframe과 HTML 레이아웃(layout) (0) | 2021.07.15 |
| #2. HTML 공간 분할 요소:: 블록과 인라인(Block, Inline) (0) | 2021.07.15 |
