>일반적인 문제 >CSS 배경 코드 수집

CSS 배경 코드 수집

zbt
zbt원래의
2023-11-01 10:21:542149검색

css 배경 코드: 1. 배경색, background-color: 색상 이름;; 2. 배경 이미지, background-image: url('image-url');; 3. 배경 반복, background-repeat: 반복- 스타일;; 4. 배경 위치, 배경 위치: 위치 스타일 등.

CSS 배경 코드 수집

CSS 배경 코드는 다음과 같습니다.

1. 배경 색상:

배경 색상: 색상 이름;

여기서 색상 이름은 유효한 CSS 색상 이름 또는 16진수일 수 있습니다. 색상 값.

2. 배경 이미지:

Background-image: url('image-url');

여기서 image-url은 이미지의 URL 주소입니다.

3. 배경 반복:

배경 반복: 반복 스타일;

여기서 반복 스타일은 반복, 반복-x 또는 반복-y일 수 있으며 배경 이미지를 타일링해야 하는지 또는 타일링해야 하는지 나타냅니다. 특정 방향 상점.

4. 배경 위치:

배경 위치: 위치 스타일

그 중 위치 스타일은 왼쪽, 중앙 또는 오른쪽일 수 있으며 페이지에서 배경 이미지의 위치를 ​​나타냅니다.

5. 배경 크기:

배경 크기: 크기 스타일;

그중 크기 스타일은 배경 이미지의 크기를 나타내는 자동, 덮개 또는 포함일 수 있습니다.

6. 배경 첨부:

배경 첨부: 스크롤 스타일;

여기서 스크롤 스타일은 스크롤, 고정 또는 가능합니다. local-origin은 배경 이미지가 페이지와 함께 스크롤되는지, 페이지 위에 고정되는지, 페이지와 함께 스크롤되는지를 나타냅니다.

7. 배경 색상 및 사진:

배경: 색상 이름 url('image-url');

배경 색상과 배경 사진을 함께 설정할 수 있습니다.

8. 배경 그라데이션:

배경 이미지: 선형 그라데이션(방향, 색상 중지1, 색상 중지2, ...);

여기서 방향은 그라데이션 방향으로 아래쪽, 위쪽, 왼쪽, 오른쪽 또는 원형일 수 있습니다. 색상 중지 그라데이션 색상이며 여러 개가 있을 수 있으며 쉼표로 구분됩니다.

위 내용은 CSS 배경 코드 모음으로, 필요에 따라 조합하여 사용할 수 있습니다.

위 내용은 CSS 배경 코드 수집의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.