Cara Mengatur Warna Latar Belakang

Daftar Isi:

Cara Mengatur Warna Latar Belakang
Cara Mengatur Warna Latar Belakang

Video: Cara Mengatur Warna Latar Belakang

Video: Cara Mengatur Warna Latar Belakang
Video: Cara Merubah Warna Background Tanpa Menghilangkan Detail Foto - TUTORIAL PHOTOSHOP 2024, November
Anonim

Biasanya, warna latar belakang dasar halaman web diatur menggunakan Cascading Style Sheets (CSS). Lebih jarang, kemampuan bahasa HTML (HyperText Markup Language - "hypertext markup language") digunakan untuk ini. Terkadang elemen deskripsi CSS ditempatkan di dalam tag HTML.

Cara mengatur warna latar belakang
Cara mengatur warna latar belakang

instruksi

Langkah 1

Gunakan atribut bgcolor dari tag body jika Anda ingin membuatnya semudah mungkin untuk menentukan warna latar belakang dan meminimalkan perubahan pada kode sumber Anda. Deskripsi semua elemen halaman ditempatkan di sumber halaman di dalam blok kode HTML yang dimulai dengan tag dan diakhiri dengan tag. Atribut bgcolor ditentukan dalam tag pembuka dan berisi nilai warna bernama (misalnya, Merah atau Cokelat) atau kode warna heksadesimal yang sesuai (# FF0000 atau # D2691E, masing-masing). Dalam bentuknya yang paling sederhana, tag semacam itu dapat ditulis, misalnya, seperti ini: Atau seperti ini: Kedua opsi mengatur warna merah yang sama untuk latar belakang dokumen.

Langkah 2

Gunakan properti background-color jika Anda ingin mengatur warna latar belakang dokumen menggunakan bahasa deskripsi gaya - metode ini jauh lebih umum. Blok deskripsi gaya dapat dimasukkan dalam kode sumber dokumen, atau ditulis dalam file terpisah dengan ekstensi css. Tautan ke file eksternal ditempatkan di bagian heading halaman (antara dan tag) dan terlihat seperti ini: @import "style.css"; Jika tidak perlu memindahkan instruksi CSS ke file tambahan, lalu @import "style.css"; harus diganti, misalnya, dengan pengujian berikut: body {background-color: Red;} Di sini body menunjukkan bahwa pernyataan di dalam kurung kurawal yang mendefinisikan warna latar belakang merah mengacu pada tag body HTML yang sama. Dan di sini ada beberapa sistem untuk menentukan corak warna, tetapi kode heksadesimal paling sering digunakan: body {background-color: # FF0000;}

Langkah 3

Ganti properti background-color dengan background untuk menjelaskan secara ringkas struktur latar belakang yang lebih kompleks. Misalnya, jika, selain latar belakang warna tertentu, gambar harus ditempatkan di bagian belakang dokumen. Deskripsi seperti ini mungkin terlihat seperti ini: body {background: Red url (img / BGimage.gif) no-repeat;}

Langkah 4

Berdasarkan opsi yang Anda pilih, siapkan kode yang mengatur warna latar belakang dokumen, dan tempelkan ke sumber halaman. Ini dapat dilakukan, misalnya, menggunakan editor online halaman sistem manajemen konten atau editor teks apa pun.

Direkomendasikan: