Bagaimana untuk membuat latar belakang halaman web dalam html

下次还敢
Lepaskan: 2024-04-05 11:51:17
asal
1265 orang telah melayarinya

Terdapat 6 cara untuk menetapkan latar belakang halaman web dalam HTML: ① warna latar belakang ③ pengulangan latar belakang ④ saiz latar belakang;

Bagaimana untuk membuat latar belakang halaman web dalam html

Set latar belakang laman web dalam html

Anda boleh menetapkan latar belakang laman web dalam HTML melalui kaedah berikut:

1. /kod > Harta menetapkan warna latar belakang seragam.

Sintaks: background-color 属性设置均匀背景色。

语法:

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

2. 背景图像(background-image)

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

语法:

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

3. 背景重复(background-repeat)

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

语法:

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

4. 背景位置(background-position)

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

语法:

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

5. 背景大小(background-size)

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

语法:

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

6. 背景附件(background-attachment)

使用 background-attachment

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

2. Imej latar belakang

🎜Gunakan atribut imej latar belakang untuk menetapkan imej latar belakang. 🎜🎜🎜Sintaks: 🎜🎜rrreee🎜🎜3. Background-repeat 🎜🎜🎜Gunakan atribut background-repeat untuk mengawal cara imej latar belakang berulang. 🎜🎜🎜Sintaks: 🎜🎜rrreee🎜🎜4. Kedudukan latar belakang 🎜🎜🎜Gunakan atribut kedudukan latar belakang untuk mengawal kedudukan imej latar belakang. 🎜🎜🎜Sintaks: 🎜🎜rrreee🎜🎜5. Saiz latar belakang (saiz latar belakang)🎜🎜🎜Gunakan atribut saiz latar belakang untuk mengawal saiz imej latar belakang. . 🎜🎜🎜 Tatabahasa: 🎜🎜rrreee

Atas ialah kandungan terperinci Bagaimana untuk membuat latar belakang halaman web dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan