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

CSS 배경 코드 수집

Nov 01, 2023 am 10:21 AM
CSS 배경 코드

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으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

심층적 인 검색 DeepSeek 공식 웹 사이트 입학 심층적 인 검색 DeepSeek 공식 웹 사이트 입학 Mar 12, 2025 pm 01:33 PM

심층적 인 검색 DeepSeek 공식 웹 사이트 입학

Deepseek 웹 버전 공식 입구 Deepseek 웹 버전 공식 입구 Mar 12, 2025 pm 01:42 PM

Deepseek 웹 버전 공식 입구

DeepSeek의 바쁜 서버 문제를 해결하는 방법 DeepSeek의 바쁜 서버 문제를 해결하는 방법 Mar 12, 2025 pm 01:39 PM

DeepSeek의 바쁜 서버 문제를 해결하는 방법