>  기사  >  웹 프론트엔드  >  HTML 배경 이미지의 크기를 설정하는 방법

HTML 배경 이미지의 크기를 설정하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-03-17 16:37:5464040검색

HTML 배경 이미지의 크기를 설정하는 방법: 먼저 새 HTML 페이지를 만들고 태그에 대한 배경 이미지를 설정한 다음 본문 태그에 대한 [배경 크기] 속성을 설정합니다. div 태그.

HTML 배경 이미지의 크기를 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HBuilderX.3.0.5 버전, DELL G3 컴퓨터.

html 배경 이미지 크기 설정 방법:

1. 사실 대부분의 HTML 편집기 작업은 동일합니다. 오늘은 Hbuilder를 사용하여 먼저 "new_file.dll"이라는 이름의 새 HTML 페이지를 만듭니다. HTML ".

HTML 배경 이미지의 크기를 설정하는 방법

2. 그런 다음 라벨의 배경 이미지를 설정합니다. 여기서는

HTML 배경 이미지의 크기를 설정하는 방법

3. 그런 다음 그림과 같이 새 CSS 파일을 만들고 이름을 "1.css"로 지정했습니다.

HTML 배경 이미지의 크기를 설정하는 방법

4 여기에서 태그가 div인 경우 body 태그의 background-size 속성을 ​​설정한 다음 너비와 높이를 설정할 수 있습니다. background-size属性,如果你的标签是div就写div,然后可以设置宽度和高度。

HTML 배경 이미지의 크기를 설정하는 방법

5、如图所示,在new_file.html里面写上这个:<link href="css/1.css" type="text/css" rel="stylesheet">

HTML 배경 이미지의 크기를 설정하는 방법

HTML 배경 이미지의 크기를 설정하는 방법5 , 그림과 같이 new_file.html에 다음과 같이 작성합니다. <link href="css/1.css" type="text/css" rel="stylesheet">배경 이미지의 크기를 설정할 수 있습니다.

HTML 배경 이미지의 크기를 설정하는 방법6. 마지막으로 브라우저에서 미리 봅니다. 이것은 배경의 일부일 뿐입니다.

관련 학습 권장사항:

html 비디오 튜토리얼
🎜🎜🎜

위 내용은 HTML 배경 이미지의 크기를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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