CSS에서 배경 이미지를 설정하는 방법-CSS 튜토리얼-php.cn

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

青灯夜游

풀어 주다： 2021-11-09 14:17:28

원래의

72867명이 탐색했습니다.

CSS에서 배경 이미지를 설정하는 방법: 1. background-image 속성을 사용하고 "Background-image:url (picture url);" 구문을 사용합니다. 2. 배경 속성을 사용하고 "Background:url (picture)" 구문을 사용합니다. url);" .

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

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

CSS에서는 background-image 속성이나 background 속성을 통해 배경 이미지를 설정할 수 있습니다.

background-image 속성은 요소의 배경 이미지를 설정하는 데 사용됩니다. 요소의 배경은 패딩과 테두리(여백은 아님)를 포함한 요소의 전체 크기입니다. 기본적으로 배경 이미지는 요소의 왼쪽 상단에 배치되며 수직 및 수평으로 반복됩니다.

<!DOCTYPE html>
<html>
	<head>
		<style>
			div {
				width: 450px;
				height: 360px;
				background-image: url(img/1.jpg);
				background-size: 450px;/*设置图片大小*/
			}
		</style>
	</head>

	<body>
		<div></div>
	</body>
</html>

로그인 후 복사

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

배경 속성은 다음을 포함하여 하나의 명령문에서 모든 배경 속성을 설정할 수 있는 단축 속성입니다.

배경색은 사용할 배경색을 지정합니다.
배경위치는 배경 이미지를 지정합니다.
배경 크기의 위치는 배경 이미지의 크기를 지정합니다.
배경 반복은 배경 이미지를 반복하는 방법을 지정합니다.
배경 원점은 배경 이미지의 위치 지정 영역을 지정합니다
Background-clip은 배경 이미지를 지정합니다. 페인팅 영역
Background-attachment 배경 이미지를 고정할지 아니면 페이지의 나머지 부분과 함께 스크롤할지 설정합니다.
Background-image 사용할 하나 이상의 배경 이미지를 지정합니다.

예:

div {
	width: 450px;
	height: 360px;
	background: url(img/2.jpg);
	background-size: 450px;/*设置图片大小*/
}

로그인 후 복사

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

(학습 영상 공유: css 영상 튜토리얼)

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