Cara Meletakkan Latar Belakang Di Laman Web

Isi kandungan:

Cara Meletakkan Latar Belakang Di Laman Web
Cara Meletakkan Latar Belakang Di Laman Web

Video: Cara Meletakkan Latar Belakang Di Laman Web

Video: Cara Meletakkan Latar Belakang Di Laman Web
Video: CSS Dasar - 6 - Background 2024, Mungkin
Anonim

Latar belakang laman web boleh dibandingkan dengan kertas dinding untuk desktop sistem operasi anda. Latar belakang (latar belakang), anda boleh membuat dalam beberapa variasi, yang akan dibincangkan di bawah.

Cara meletakkan latar belakang di laman web
Cara meletakkan latar belakang di laman web

Perlu

Mengedit fail style.css

Arahan

Langkah 1

Latar belakang monokrom. Jenis latar belakang yang paling sederhana, tambah besar adalah pemuatan halaman minimum menggunakan gambar seperti itu. Sekiranya fail gaya (style.css) tidak mengandungi arahan yang menetapkan warna latar belakang, penyemak imbas mencadangkan warna putih secara lalai. Gunakan arahan warna latar untuk menukar warna. Contoh penggunaan arahan ini: background-color: # 3366CC.

Langkah 2

Untuk memilih warna tertentu, anda boleh menggunakan perisian khas, misalnya, editor grafik Adobe Photoshop. Sekiranya anda tidak pernah bekerja dengannya, disarankan untuk menggunakan perkhidmatan web. Contoh yang mencolok adalah enjin carian "Yandex", pergi ke pautan berikut https://yandex.ru dan masukkan frasa "warna biru". Jadual warna akan muncul di depan anda, di mana anda dapat memilih mana yang anda suka, salin kod tersebut dan tampalkannya ke kod laman web.

Langkah 3

Tekstur latar belakang. Selain warna latar belakang, anda dapat menambahkan gambar atau corak (tekstur) berulang secara siklik ke halaman mana pun di laman web anda. Untuk melakukan ini, setelah memasukkan warna latar belakang, tulis perintah gambar latar belakang, misalnya gambar latar belakang: url (img / uzor.png). Laluan ke fail mesti ditentukan di dalam kurungan. Perlu diingat bahawa resolusi tekstur boleh bermula dari yang terkecil (16x16) dan diakhiri dengan gambar bersaiz penuh untuk ukuran halaman laman web (800x600 dan lebih banyak).

Langkah 4

Latar belakang menggunakan kecerunan. Dalam kes ini, anda menggunakan warna latar yang ditetapkan dengan perintah warna latar, tetapi membuat kecerunan. Kecerunan boleh mendatar (x) dan menegak (y). Selalunya, kedudukan mendatar digunakan sebagai kecerunan latar, jadi garis dengan kecerunan akan kelihatan seperti ini: latar-ulangi: ulangi-x.

Disyorkan: