728x90
HTML 문서 배경색은 기본적으로 하얀색으로 되어있습니다.
이번시간에는 배경색을 다른 색상으로 변경하는 방법과
배경색 대신에 이미지로 적용하는 방법에 대해서 알아보도록 하겠습니다.
1. HTML 배경색 변경
배경색을 변경하기 위한 style 속성은 background-color 입니다.
다음과 같이 색상을 변경할 수 있습니다.
body : lightgreen
h1 : red
p : yellow
<style>
body { background-color: lightgreen; }
h1 { background-color: rgb(248, 2, 76); }
p { background-color: #deec18; }
</style>
<hr>
<div>배경은 lightgreen 입니다.</div>
<h1>빨간색이 적용되었습니다.</h1>
<p>노란색이 적용되었습니다.</p>
<hr>
2. 배경을 이미지로 변경
배경을 색상말고 이미지로 지정하여 설정할 수도 있습니다.
문법 : <태그이름 background="이미지주소">
<body background="/test/back.png">
......
.......
<body>
이상으로 HTML 배경색상 변경 및 이미지로 배경을 설정하는 방법에 대해서 알아보았습니다.
반응형
그리드형
'IT > HTML & CSS & JavaScript' 카테고리의 다른 글
| HTML img src, map - 이미지 넣기, 이미지 링크 추가 (0) | 2021.08.27 |
|---|---|
| HTML 하이퍼 링크 사이트 연결 - a href (0) | 2021.08.26 |
| HTML 글씨(문자) 색상 변경 - color, RGB, 16진수 (0) | 2021.08.26 |
| HTML 스타일(style) - 글자 크기 & 문단 정렬 / 다중 스타일 (0) | 2021.08.26 |
| HTML 주석처리 방법(문법) (0) | 2021.08.26 |
댓글