Cara Menetapkan Latar Belakang

Isi kandungan:

Cara Menetapkan Latar Belakang
Cara Menetapkan Latar Belakang

Video: Cara Menetapkan Latar Belakang

Video: Cara Menetapkan Latar Belakang
Video: cara mengatasi latar belakang HP tak berfungsi[100% kembali berfungsi] 2024, Mungkin
Anonim

Untuk memperindah laman web anda di Internet, anda boleh membuat perubahan pada reka bentuknya. Mengubah reka bentuk menyiratkan tindakan, dari mengubah latar belakang halaman utama hingga menggambar semula templat laman web sepenuhnya. Sekiranya anda memutuskan untuk mengubah latar belakang laman web anda, maka arahan berikut akan membantu menyelesaikan masalah ini.

Cara menetapkan latar belakang
Cara menetapkan latar belakang

Perlu

Menyunting fail css

Arahan

Langkah 1

Sebahagian besarnya, kod reka bentuk laman web terdapat dalam fail style.css. Tetapi setiap templat boleh berbeza dari yang sebelumnya, jadi kod reka bentuk dapat terletak di file yang berbeda, tetapi juga dengan sambungan css. Untuk menetapkan warna latar belakang laman web anda, anda mesti memasukkan atau mengganti nilai yang ada dengan ungkapan berikut: / * latar belakang putih * / badan {

latar-warna: #FFFFFF;} / * latar belakang tajuk putih, warna fon hitam * / h1 {

warna: # 000000;

warna latar: #FFFFFF;

}

Langkah 2

Untuk memasukkan gambar sebagai latar belakang di laman web anda, anda mesti memasukkan atau mengganti nilai yang ada dengan ungkapan berikut: body {

warna latar: # 000000;

background-image: url ("Gambar-1.jpg");

}

Perlu diingatkan bahawa dalam hal ini, perlu menyediakan pautan ke fail gambar, yang akan berada di folder yang sama dengan file css.

Langkah 3

Sekiranya anda ingin meletakkan gambar kecil atau gambar kecil, maka gunakan arahan ulangi latar belakang. Untuk menggunakan perintah ini dengan betul, terdapat beberapa penyempurnaan pada perintah ini:

latar belakang - ulangi: ulang-x - ulangi gambar di sepanjang paksi x;

latar belakang - ulangi: ulang-y - ulangi gambar di sepanjang paksi y;

latar belakang - ulangi: ulangi - ulangi gambar di sepanjang dua paksi sekaligus;

latar belakang-ulangan: tidak berulang - gambar tidak diulang;

latar belakang-lampiran: tatal - menatal gambar berserta halaman;

latar belakang-lampiran: tetap - gambar tidak ditatal.

Dengan menggunakan sintaks arahan ini, anda dapat menunjukkan cara kerjanya dalam contoh:

latar belakang-kedudukan: 30 piksel 40 piksel - Gambar turun 30 piksel dari atas dan 40 piksel dari kiri ke kanan.

latar belakang-kedudukan: 60% 35% - Pelapik kiri adalah 60% dan pelapik atas adalah 25%.

Disyorkan: