집 > 기사 > 웹 프론트엔드 > HTML에서 배경 이미지를 설정하는 방법

HTML에서 배경 이미지를 설정하는 방법

설정 방법: 1. 배경 속성을 사용하고 "
" 구문을 사용합니다. 2. 배경 이미지 속성을 사용하고 "".

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

방법 1: 본문 배경 속성 사용

본문 배경 속성은 문서의 배경 이미지를 지정합니다. 구문은 다음과 같습니다:

<body background="URL">

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body background="img/1.jpg">
添加背景图片
</body>
</html>

Rendering:

HTML에서 배경 이미지를 설정하는 방법

방법 2: CSS 배경 이미지 속성

Background-image 속성을 사용하여 요소의 배경 이미지를 설정합니다.

요소의 배경은 패딩과 테두리(여백 제외)를 포함한 요소의 전체 크기입니다.

기본적으로 배경 이미지는 요소의 왼쪽 상단에 배치되며 수직 및 수평으로 반복됩니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body style="background-image: url(img/3.jpg);">
		添加背景图片
	</body>
</html>

렌더링:

HTML에서 배경 이미지를 설정하는 방법

위 내용은 HTML에서 배경 이미지를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：