집 > 기사 > 웹 프론트엔드 > CSS에서 배경 이미지가 타일링되지 않도록 설정하는 방법

CSS에서 배경 이미지가 타일링되지 않도록 설정하는 방법

방법: 1. "Background-attachment:fixed" 구문과 함께 background-attachment 속성을 사용합니다. 2. "Background-repeat:no-repeat" 구문과 함께 background-repeat 속성을 사용합니다.

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

배경 이미지는 반복되거나 타일링되어서는 안 됩니다. 다음과 같이 배경을 설정할 수 있습니다.

1. 이렇게 하면 배경 이미지가 고정되어 페이지가 스크롤될 때 반복되지 않습니다.

<body style="background-image: url("图片文件地址"); background-attachment: fixed;">

2. 모든 화면 크기에서 이미지가 반복되는 것을 방지하려면 배경을 다음과 같이 설정할 수 있습니다(이미지가 타일링되지 않음):

<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">

위 내용은 CSS에서 배경 이미지가 타일링되지 않도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：