Warna dan Background

Properti CSS untuk warna dan latar belakang elemen adalah penting dalam desain web untuk memberikan tampilan yang menarik dan menyesuaikan elemen dengan tema keseluruhan halaman. Berikut adalah beberapa properti yang digunakan untuk mengatur warna dan latar belakang:

Warna Teks

  • Color: Mengatur warna teks.

    color: red;

Warna Latar Belakang

  • Background-Color: Mengatur warna latar belakang elemen.

    background-color: #f0f0f0;

Gambar Latar Belakang

  • Background-Image: Mengatur gambar latar belakang elemen.

    background-image: url('gambar.jpg');

Pengulangan Latar Belakang

  • Background-Repeat: Menentukan apakah gambar latar belakang akan diulang.

    background-repeat: no-repeat;

Posisi Latar Belakang

  • Background-Position: Menentukan posisi awal gambar latar belakang.

    background-position: center;

Penggulungan Latar Belakang

  • Background-Attachment: Menentukan apakah latar belakang akan bergulir bersama halaman atau tetap statis.

    background-attachment: fixed;

Gradient Warna Latar Belakang

  • Background-Gradient: Menerapkan gradien warna sebagai latar belakang.

    background: linear-gradient(to right, red, yellow);

Dengan menggunakan properti-properti ini, Anda dapat mengontrol warna dan latar belakang elemen sesuai dengan desain yang diinginkan, meningkatkan daya tarik visual dan keterbacaan konten dalam halaman web Anda.

Last updated