CSS에서 배경 이미지를 설정하는 방법
- 藏色散人원래의
- 2021-04-23 09:12:579469검색
CSS에서 배경 이미지를 설정하는 방법: 먼저 HTML 샘플 파일을 생성한 다음 본문에 div를 생성하고 마지막으로 "배경 이미지: url("images/22.jpg");"을 통해 배경 이미지를 설정합니다. 기인하다 .
이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
CSS는 background-image 속성을 통해 배경 이미지를 설정할 수 있습니다. background-image 속성은 요소의 배경 이미지를 설정하는 데 사용됩니다.
요소의 배경은 패딩과 테두리(여백 제외)를 포함한 요소의 전체 크기입니다. 기본적으로 배경 이미지는 요소의 왼쪽 상단에 배치되며 수직 및 수평으로 반복됩니다.
css 구문:
background-image：url|none|inherit
Background-image 속성 값:
url 이미지 URL
none 이미지 배경이 표시되지 않습니다. 이것이 기본값입니다.
inherit는 배경 이미지가 상위 요소에서 상속되어야 함을 지정합니다
[권장 학습: css 비디오 튜토리얼]
예:
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("images/22.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>Rendering:
배경 속성 값:
background-color 사용할 배경색 지정
background-position 배경 이미지 위치 지정
background-size 배경 이미지 크기 지정
background-repeat 배경 이미지 반복 방식 지정
background- Origin 배경 이미지의 위치 지정 영역을 지정합니다.
background -clip 배경 이미지의 그리기 영역을 지정합니다.
background-attachment 배경 이미지가 고정되는지 아니면 페이지의 나머지 부분과 함께 스크롤되는지 설정합니다.
background- image는 사용할 하나 이상의 배경 이미지를 지정합니다
위 내용은 CSS에서 배경 이미지를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!