CSS 배경 스타일에는 무엇이 포함됩니까?

css 배경 스타일에는 배경색 "배경색", 배경 이미지 "배경 이미지", 배경 위치 지정 "배경-위치", 배경 반복 "배경-반복", "배경" 등이 포함됩니다.

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

1. background-color는 요소의 배경색을 설정합니다.

background-color：颜色/transparent

설명:

• transparent는 완전히 투명합니다

• 색상 값(색상 이름/RGB/16진수)

배경 영역에는 콘텐츠, 패딩 및 테두리가 포함되며 여백은 포함되지 않습니다.

2. background-image는 요소의 배경 이미지를 설정합니다.

background-image：url(图片地址)/none

설명:

• url 주소는 상대 주소 또는 절대 주소일 수 있습니다

• 요소의 배경은 패딩과 테두리를 포함하여 요소의 전체 크기를 차지하지만 외부 여백은 포함하지 않습니다
  

• 기본적으로 배경 이미지는 요소의 왼쪽 상단에 배치되며 가로, 세로로 반복됩니다.
  

• 배경 이미지와 배경 색상이 설정되면 배경 이미지가 배경 색상을 덮게 됩니다

3. background-position은 배경 이미지의 시작 위치, 배경 위치를 설정합니다

background-position ：百分比/px/top/right/bottom/left/center

4. 배경 첨부 배경 이미지를 고정할지 아니면 페이지의 나머지 부분과 함께 스크롤할지 여부

background-attachment：scroll/fixed

• scroll: 기본값, 이미지 스크롤과 함께 스크롤

• fixed: 나머지 페이지 스크롤 시 배경 이미지는 이동하지 않습니다

5. background-repeat는 배경 이미지 반복 여부와 방법을 설정합니다

background-repeat：repeat/no-repeat/repeat-x/repeat-y 

//分别是重复、不重复、水平重复、不重复

6. 배경 속성을 설정하는 데 사용됩니다. 성명서에서.

background：[background-color] [background-image] [background-repeat] [background-attachment] [background-position]

지침: 특별한 순서 없이 각 값을 공백으로 구분하세요

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

위 내용은 CSS 배경 스타일에는 무엇이 포함됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!