비디오: CSC 수업 - 배경 2024
사용했던 이미지가 반복되지 않거나 너무 크고 실제로 반복되는 것을 원하지 않는 이미지 일 수 있습니다. 다음 절차에서는 브라우저에 배경 이미지의 복사본을 하나만 사용하도록 지시하는 데 사용할 수있는 기술을 보여줍니다.
-
BackgroundPosition을 엽니 다. CSS 파일.
-
본문과 같이 이미지가 반복되지 않도록 수정하십시오.
본문 {background-image: url ("CuteCat. jpg"); background-color: SaddleBrown; 색상: SeaGreen; font-size: x-large; 텍스트 그림자: 1px 1px 옐로우; 배경 위치: 중심; 배경 부착: 고정; background-repeat: no-repeat; background-repeat: background-repeat: background-repeat: background-repeat: background-repeat: background-repeat: background-repeat 속성은 no-repeat으로 설정되어 있습니다. 사용자가 브라우저의 크기를 조정할 때 복사본이 하나 뿐이므로 적절한 프리젠 테이션을 제공하기에 이미지 크기가 적합하지 않을 수 있으므로 background-size 속성을 설정하여 이미지의 크기를 자동으로 조정해야합니다.
-
BackgroundPosition을 엽니 다. HTML 파일.
-
다음과 같이 태그를 수정하십시오.
-
HTML 파일을 NoRepeat로 저장하십시오. HTML.
-
NoRepeat 페이지를로드하십시오.
-
배경을 볼 수 있습니다. 이제 센터에 이미지가 하나뿐입니다. 브라우저의 크기를 조정하면 이미지의 크기도 자동으로 조정됩니다.
->