Cara Mengatur Colours dan Backgrounds Pada CSS

Tutorial kali ini, kita akan belajar tentang mengatur atau memasukkan property warna dan backgrounds pada CSS. Perlu kamu ketahui, penggunaan CSS sebelumnya menggunakan hexadecimal format seperti #FFFFFF, RGB format seperti rgb(151, 200, 100), dan HSL format seperti hsl(102, 153, 255).

Jika kamu ingin mengetahui warna-warna pada CSS, kamu dapat mengunjungi alamat website https://www.w3schools.com/colors/colors_picker.asp. Kamu dapat melihat warna-warna yang cocok untuk kamu gunakan dan berbagai macam pilihan lainnya dapat kamu cari tentang warna.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen #6 warna by lintangzakti (@zakti13) on CodePen.

Pemakaian warna juga dapat dilakukan untuk backgrounds atau latar belakang. Backgrounds juga dapat menampilkan gambar berformat png, jpg, dan gif. Kamu dapat melihat kodingannya dibawah ini.

See the Pen #6 background-image 2 by lintangzakti (@zakti13) on CodePen.

Contoh kodingan menggunakan image dapat kamu lihat dibawah ini.

See the Pen #6 background-image 1 by lintangzakti (@zakti13) on CodePen.

Penggunaan background-position untuk menyesuaikan posisi gambar, background-repeat untuk menampilkan berapa banyak gambar yang diulang pada element tersebut, dan background-attachment untuk menentukan posisi gambar fixed atau  scrolls pada halaman.

Selector, Property, dan Value Pada CSS #3

Mudah bukan? Terima kasih sudah berkunjung di blog ini. Saya harap tutorial ini bermanfaat bagi kalian yang sedang mencari pembelajaran tentang programming. Artikel menarik lainnya dapat kamu temukan di blog ini ya.

Jika kamu ingin mencoba, silahkan kamu masukkan kodingan tersebut ke dalam Text Editor lalu Save As dengan format HTML dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.