Bagaimana untuk Mencipta Imej Latar Belakang Stellar Menggunakan HTML atau Badan?

Membuat Imej Latar Belakang Stellar untuk HTML atau Badan

Apabila ingin memasukkan imej latar belakang yang menarik yang merangkumi seluruh badan halaman web anda, pilihan antara menggunakan html atau badan sebagai pemilih utama mungkin timbul.

Pendekatan yang paling berkesan, yang menampung kedua-dua elemen HTML dan badan, ialah:

<code class="css">body {
    background-image: url('../images/background.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}</code>

Mari kita teroka tujuan setiap sifat :

• imej latar belakang: url('../images/background.jpg'): Menentukan laluan ke imej latar belakang yang dikehendaki.
• lampiran latar belakang: tetap: Memastikan imej latar belakang tidak bergerak apabila halaman menatal, memastikan ia kekal dalam kedudukan yang ditetapkan.
• ulang latar belakang: tidak berulang: Menghalang imej daripada berulang merentasi latar belakang, walaupun ia lebih kecil daripada badan.
• saiz latar belakang: penutup: Skala imej untuk menutup sepenuhnya elemen badan, mengekalkan nisbah bidangnya .

Ingat bahawa fail CSS harus berada dalam direktori yang berasingan dan laluan ke imej harus dilaraskan dengan sewajarnya. Dengan menggunakan teknik ini, anda boleh mencipta imej latar belakang yang menakjubkan dengan mudah yang meningkatkan estetika keseluruhan halaman web anda.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Imej Latar Belakang Stellar Menggunakan HTML atau Badan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!