CSS 배경에 대한 상식

零下一度
풀어 주다: 2017-05-02 13:33:59
원래의
1738명이 탐색했습니다.

1. 라벨의 배경색을 설정하는 방법
background-color: 속성이 있습니다.

배경색을 설정하는 데 특별히 사용되는 값인 CSS:
특정 단어
rgb
rgba

16진수

2. 배경 이미지는 어떻게 설정하나요?
CSS에는 배경 이미지를 설정하는 데 특별히 사용되는 background-image라는 속성이 있습니다.

1. 이미지의 주소는 url()에 있어야 합니다. 이미지의 주소는 로컬 주소 또는 네트워크 주소일 수 있습니다.
2. 이미지 크기가 라벨만큼 크지 않아 자동으로 타일링되어 가로, 세로로 채워집니다
3. 웹페이지에 이미지가 나타나면 브라우저에서 다시 요청을 보냅니다. 이미지를 얻으려면

3. 방법 배경 이미지의 타일링을 제어합니까? CSS에는 배경 이미지의 타일링 방법을 제어하는 ​​데 특별히 사용되는 background-repeat 속성이 있습니다. 값:
repeat 기본값, 가로 및 세로로 타일링
no-repeat 가로 또는 세로로 타일링 없음
repeat-x 타일 in 가로 방향
세로 방향으로 반복되는 타일

적용 시나리오:
크기를 줄일 수 있습니다. 배경이미지를 타일링하여 웹페이지 접속속도를 향상시키고


4. 배경이미지 위치는 어떻게 조절하나요?
CSS에는 배경 이미지의 위치를 ​​제어하는 ​​데 특별히 사용되는 background-position 속성이 있습니다.

2 . 형식
배경 위치: 가로 방향 세로 방향;

3. 값
3.1 특정 위치 명사
가로 방향 : 왼쪽 가운데 오른쪽
세로 방향 : 위 가운데 아래

3.2 특정 픽셀
예: background-position: 100px 200px;
단위는 반드시 px로 적어주세요
특정 픽셀은 음수를 허용합니다

참고:
동일한 태그로 배경색과 배경 이미지를 동시에 설정할 수 있습니다. 색상과 이미지가 동시에 존재하면 이미지가 설정됩니다. 색상 덮어쓰기

5. 배경 속성 약어 형식
배경 : 배경색, 배경이미지 타일링 방식, 연관 방식, 위치 지정 방식

2. 참고사항
배경 속성은 생략 가능

3. 연계방식은 무엇인가요?
기본적으로 배경 이미지는 스크롤 막대가 스크롤될 때 스크롤됩니다. 스크롤 막대가 스크롤될 때 배경 이미지가 스크롤되는 것을 원하지 않으면 배경 이미지 간의 연결을 수정할 수 있습니다. 및 스크롤 막대 방법

4. 배경 연결 방법을 수정하는 방법은 무엇입니까?
CSS에는 배경 연결을 구체적으로 수정하는 background-attachment 속성이 있습니다.

형식
배경- 첨부 파일: 스크롤;

스크롤 기본값, 스크롤 막대가 스크롤될 때 스크롤됩니다
고정됨 스크롤되지 않음 바 스크롤

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!