Saat Anda membuat situs web sendiri, tentu Anda ingin menampilkannya semenarik mungkin terlepas dari versi browser pengguna. Secara khusus, agar gambar latar belakang direntangkan dan disesuaikan dengan resolusi monitor komputer.
Itu perlu
keterampilan dalam bekerja dengan html, css, java-script
instruksi
Langkah 1
Buka kode untuk situs Anda di editor apa pun, seperti Notepad atau program desain web khusus, Dreamweaver. Rekatkan baris berikut ke dalam kode untuk meregangkan latar belakang situs. Tambahkan Latar Belakang: url ('Sisipkan tautan ke gambar').
Langkah 2
Untuk mengukur gambar secara horizontal, gunakan kode berikut: Latar belakang: url ('Sisipkan tautan ke gambar' ulangi-x), secara vertikal - di akhir kode, ganti x dengan y. Jika situs ditata dalam file css, rekatkan kode ke dalamnya. Dengan cara ini Anda akan dapat menempatkan latar belakang karet di situs Anda.
Langkah 3
Gunakan contoh kode berikut untuk menempatkan gambar latar belakang pada halaman dan secara otomatis meregangkannya agar sesuai dengan resolusi monitor tempat halaman tersebut dilihat. Contoh kode: body {background: "Insert a link to the background image"() () no-repeat fixed left center; lalu ukuran latar belakang: […].
Langkah 4
Untuk meregangkan gambar latar belakang, cukup masukkan gambar sebagai latar belakang dan atur lebarnya menjadi 100%. Misalnya, masukkan teks berikut ke dalam kode halaman: gambar latar belakang "alt =" Masukkan nama gambar "/>. Dengan demikian, itu akan digunakan agar sesuai dengan lebar gambar, tetapi proporsinya akan dilanggar.
Langkah 5
Demikian pula, Anda dapat mengatur gambar untuk meregangkan tinggi, menggunakan tinggi daripada atribut lebar. Atau gunakan contoh kode berikut untuk css: gambar latar belakang situs) "> dan setelah itu tambahkan 100% lebar gambar seperti pada contoh sebelumnya. Anda juga dapat menggunakan skrip untuk mengetahui resolusi layar pengguna dan mengedit ukurannya meja Anda untuk itu.
