Cara Mengatur Latar Belakang Di Html

Daftar Isi:

Cara Mengatur Latar Belakang Di Html
Cara Mengatur Latar Belakang Di Html

Video: Cara Mengatur Latar Belakang Di Html

Video: Cara Mengatur Latar Belakang Di Html
Video: CSS Dasar - 6 - Background 2024, Maret
Anonim

Bahasa markup hypertext yang paling umum saat ini adalah HTML. Selain berbagai alat untuk menentukan struktur dokumen, ia memiliki kemampuan untuk mengubah presentasi visualnya. Misalnya, Anda dapat mengatur latar belakang dokumen hypertext dan elemennya dengan cara yang berbeda.

Cara mengatur latar belakang di html
Cara mengatur latar belakang di html

Itu perlu

kemampuan untuk mengedit dokumen HTML

instruksi

Langkah 1

Untuk mengatur warna latar belakang seluruh dokumen, tabel, serta baris, sel header, dan sel kontennya dalam HTML, gunakan atribut bgcolor masing-masing elemen BODY, TABLE, TR, TH, TD. Atribut ini menerima nilai yang mengkodekan warna ruang SRGB, dinyatakan sebagai angka heksadesimal yang didahului oleh hash atau mnemonik simbolis. Sebagai contoh:

Langkah 2

Gunakan atribut background dari elemen BODY untuk menentukan gambar yang akan menjadi background seluruh dokumen: Sesuai dengan prinsip pemisahan struktur dan mekanisme untuk menentukan presentasi visual dokumen hypertext, disarankan untuk menggunakan style sheet sebagai gantinya atribut elemen HTML (seperti yang dijelaskan pada langkah 1 dan 2) …

Langkah 3

Atur warna latar belakang elemen apa pun menggunakan properti CSS warna latar. Gunakan atribut gaya untuk mendefinisikan informasi gaya sebaris untuk suatu elemen, atau tambahkan kumpulan aturan dengan pemilih yang sesuai ke lembar gaya: latar belakang hijau BODY {background-color: # 00FF00; }

Langkah 4

Tentukan gambar latar belakang elemen atau grup elemen apa pun menggunakan properti gambar latar CSS. Nilainya harus berupa URI yang mengidentifikasi sumber daya terkait. Misalnya: BODY background-image {background-image: url ("myimage.gif")}

Langkah 5

Tetapkan aturan tambahan untuk menampilkan gambar latar belakang elemen dokumen. Gunakan properti CSS background-repeat, background-attachment dan background-position. Yang pertama mendefinisikan opsi tiling, yang kedua mendefinisikan docking relatif terhadap dokumen atau viewport, dan yang ketiga mendefinisikan offset atau keselarasan awal relatif terhadap batas container. Lihat spesifikasi CSS2 di w3c.org untuk kemungkinan nilai properti ini.

Direkomendasikan: