Untuk memperindah situs web Anda di Internet, Anda dapat membuat perubahan pada desainnya. Mengubah desain menyiratkan tindakan apa pun, mulai dari mengubah latar belakang halaman utama hingga menggambar ulang templat situs sepenuhnya. Jika Anda memutuskan untuk mengubah latar belakang situs Anda, maka instruksi berikut akan membantu memecahkan masalah ini.
Diperlukan
Mengedit file css
instruksi
Langkah 1
Untuk sebagian besar, kode desain situs terletak di file style.css. Tetapi setiap template dapat berbeda dari yang sebelumnya, sehingga kode desain dapat ditempatkan di file yang berbeda, tetapi juga dengan ekstensi css. Untuk mengatur warna latar belakang situs Anda, Anda harus memasukkan atau mengganti nilai yang ada dengan ekspresi berikut: / * background putih * / body {
background-color: #FFFFFF;} / * latar belakang judul putih, warna font hitam * / h1 {
warna: #000000;
warna latar: #FFFFFF;
}
Langkah 2
Untuk menyisipkan gambar apa pun sebagai latar belakang di situs Anda, Anda harus memasukkan atau mengganti nilai yang ada dengan ekspresi berikut: body {
warna-latar belakang: # 000000;
background-gambar: url ("Gambar-1.jpg");
}
Perlu dicatat bahwa dalam hal ini perlu untuk memberikan tautan ke file gambar, yang akan ditempatkan di folder yang sama dengan file css.
Langkah 3
Jika Anda ingin memasang ubin pada gambar kecil atau gambar kecil, gunakan perintah pengulangan latar belakang. Untuk menggunakan perintah ini dengan benar, ada beberapa penyempurnaan pada perintah ini:
background-repeat: repeat-x - ulangi gambar di sepanjang sumbu x;
background-repeat: repeat-y - ulangi gambar di sepanjang sumbu y;
background-repeat: repeat - ulangi gambar di sepanjang dua sumbu sekaligus;
background-repeat: no-repeat - gambar tidak diulang;
background-attachment: scroll - menggulir gambar bersama dengan halaman;
background-attachment: fixed - gambar tidak di-scroll.
Menggunakan sintaks perintah ini, Anda dapat menunjukkan cara kerjanya dalam contoh:
background-position: 30px 40px - Gambar 30 piksel ke bawah dari atas dan 40 piksel dari kiri ke kanan.
background-position: 60% 35% - Padding kiri 60% dan padding atas 25%.
