Cara Meluaskan Latar Belakang Laman Web

Isi kandungan:

Cara Meluaskan Latar Belakang Laman Web
Cara Meluaskan Latar Belakang Laman Web

Video: Cara Meluaskan Latar Belakang Laman Web

Video: Cara Meluaskan Latar Belakang Laman Web
Video: Tutorial : Cara Buat Website Sendiri Mudah Giler !! (Part 1) 2024, Mungkin
Anonim

Bahasa markup HTML membolehkan pereka web menggunakan gambar apa pun sebagai gambar latar. Walau bagaimanapun, bahasa itu sendiri tidak mempunyai kawalan bawaan untuk gambar latar. Penalaan yang lebih baik dilakukan menggunakan lembaran gaya CSS lata.

Cara meluaskan latar belakang laman web
Cara meluaskan latar belakang laman web

Arahan

Langkah 1

Untuk menjadikan latar belakang meluas ke lebar penyemak imbas, anda perlu menggunakan parameter z-index di CSS anda. Ia membolehkan anda mengatur susunan elemen yang anda buat. Semakin tinggi nilai atribut ini, semakin tinggi blok akan berada di halaman.

Langkah 2

Buat dokumen baru dalam format html dan css (butang tetikus kanan - "Baru" - "Fail teks") dan buka dengan menggunakan editor teks apa pun.

Langkah 3

Letakkan gambar latar pada lapisan bawah. Ia akan meregangkan bergantung pada resolusi skrin. Di bahagian atas, elemen lain akan terletak di mana kandungan halaman akan dipaparkan. Untuk melakukan ini, buat dua blok. Dalam fail css tulis:.1 lapisan {z-index: 1; lebar: 100% tinggi: kedudukan 100%: mutlak;}. 2 lapisan {Kedudukan: mutlak; z-indeks: 2; } Posisi: parameter mutlak membolehkan anda menetapkan kedudukan mutlak, iaitu lapisan akan diposisikan secara bebas daripada unsur-unsur lain.

Langkah 4

Sertakan kod CSS yang dihasilkan dalam fail HTML menggunakan tag pautan: Latar belakang halaman

Langkah 5

Buat lapisan baru. Menggunakan teg

letakkan gambar di atasnya. Contohnya: Kandungan halaman Untuk img, hanya parameter lebar yang ditentukan, kerana jika anda menentukan ketinggian tambahan, di beberapa penyemak imbas, penyimpangan gambar akan muncul.

Langkah 6

Simpan perubahan anda. Untuk menguji kod anda, perbesar halaman di tetingkap penyemak imbas anda. Gambar latar juga harus diperbesar.

Disyorkan: