HTML로 웹 페이지 배경을 만드는 방법-HTML 튜토리얼-php.cn

HTML로 웹 페이지 배경을 만드는 방법

下次还敢

풀어 주다： 2024-04-05 11:51:17

원래의

1261명이 탐색했습니다.

HTML에서 웹페이지의 배경을 설정하는 방법은 6가지가 있습니다: ① 배경색, ② 배경 이미지, ④ 배경 위치, ⑥ 배경 첨부.

HTML로 웹 페이지 배경을 만드는 방법

HTML에서 웹 페이지 배경 설정

다음 방법을 통해 HTML에서 웹 페이지 배경을 설정할 수 있습니다.

1 배경색

배경색 속성은 균일한 배경색을 설정합니다. <code>background-color 属性设置均匀背景色。

语法：

<code class="html"><body style="background-color: #cccccc;"></code>

로그인 후 복사

2. 背景图像（background-image）

使用 background-image 属性设置背景图像。

语法：

<code class="html"><body style="background-image: url('background.jpg');"></code>

로그인 후 복사

3. 背景重复（background-repeat）

使用 background-repeat 属性控制背景图像的重复方式。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-repeat: repeat;"></code>

로그인 후 복사

4. 背景位置（background-position）

使用 background-position 属性控制背景图像的位置。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-position: left top;"></code>

로그인 후 복사

5. 背景大小（background-size）

使用 background-size 属性控制背景图像的大小。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-size: 100% 100%;"></code>

로그인 후 복사

6. 背景附件（background-attachment）

使用 background-attachment

구문:

<code class="html"><body style="background-image: url('background.jpg'); background-attachment: fixed;"></code>

로그인 후 복사

🎜2. 배경 이미지 🎜🎜🎜 배경 이미지 속성을 사용하여 배경 이미지를 설정하세요. 🎜🎜🎜구문: 🎜🎜rrreee🎜🎜3. Background-repeat 🎜🎜🎜배경 이미지가 반복되는 방식을 제어하려면 Background-repeat 속성을 사용하세요. 🎜🎜🎜구문: 🎜🎜rrreee🎜🎜4. 배경 위치 🎜🎜🎜배경 이미지의 위치를 제어하려면 배경 위치 속성을 사용하세요. 🎜🎜🎜구문: 🎜🎜rrreee🎜🎜5. 배경 크기(배경 크기)🎜🎜🎜배경 이미지의 크기를 제어하려면 배경 크기 속성을 사용하세요. 🎜🎜🎜구문: 🎜🎜rrreee🎜🎜6. 배경 첨부 🎜🎜🎜페이지가 스크롤될 때 배경 이미지가 스크롤되는지 여부를 제어하려면 배경 첨부 속성을 사용하세요. 🎜🎜🎜 문법: 🎜🎜rrreee

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