Apabila anda membuat laman web anda sendiri, secara semula jadi anda mahu paparannya semenarik mungkin tanpa mengira versi penyemak imbas pengguna. Khususnya, supaya gambar latar diregangkan dan disesuaikan dengan resolusi monitor komputer.
Ia perlu
kemahiran bekerja dengan html, css, java-script
Arahan
Langkah 1
Buka kod untuk laman web anda di mana-mana editor, seperti Notepad atau program reka bentuk web khusus, Dreamweaver. Tampalkan baris berikut ke dalam kod untuk meregangkan latar belakang laman web. Tambahkan Latar Belakang: url (‘Masukkan pautan ke gambar’).
Langkah 2
Untuk ukuran gambar secara mendatar, gunakan kod berikut: Latar belakang: url (‘Masukkan pautan ke gambar’ ulang-x), secara menegak - di hujung kod, ganti x dengan y. Sekiranya laman web tersebut digayakan dalam fail css, tempelkan kod ke dalamnya. Dengan cara ini anda akan dapat meletakkan latar belakang getah di laman web anda.
Langkah 3
Gunakan contoh kod berikut untuk meletakkan gambar latar pada halaman dan meregangkannya secara automatik agar sesuai dengan resolusi monitor di mana halaman tersebut dilihat. Contoh kod: badan {latar belakang: "Masukkan pautan ke gambar latar" () pusat kiri tetap berulang; kemudian ukuran latar: […].
Langkah 4
Untuk meregangkan gambar latar, cukup masukkan gambar sebagai latar belakang dan tetapkan lebarnya hingga 100%. Sebagai contoh, masukkan teks berikut ke dalam kod halaman: gambar latar "alt =" Masukkan nama gambar "/>. Oleh itu, ia akan digunakan untuk menyesuaikan lebar gambar, tetapi perkadarannya akan dilanggar.
Langkah 5
Begitu juga, anda boleh menetapkan gambar untuk meregangkan dalam ketinggian, menggunakan ketinggian dan bukannya atribut lebar. Atau gunakan contoh kod berikut untuk css: gambar latar belakang laman web) "> dan setelah itu tambahkan lebar gambar 100% seperti pada contoh sebelumnya. Anda juga boleh menggunakan skrip untuk mengetahui resolusi skrin pengguna dan mengedit ukuran meja anda untuk itu.
