Properti Background CSS

membuat properti backgound css

Pembahasan mengenai font styling dan text styling sudah saya tulis pada artikel sebelmunya. Untuk melanjutkan materi mengenai CSS saya lanjutkan dengan properti pada css

Properti pada background ada 4:

  1. background-color, untuk mengatur warna pada background

contoh:

background-color: blue, red, #666666, rgb(10,10,10)

  1. background-image, untuk mengatur gambar yang akan digunakan pada background

contoh:

background-image: url(images/bg.png); harus menyertakan url

  1. background-position, untuk mengatur posisi gambar pada background

contoh:

background-position: top-center, center center, right-center, bottom center, dll

  1. background-repeat, untuk mengatur jenis pengulangan gambar pada background

contoh:

background-repeat: repeat-x; untuk mengulang dari kiri ke kanan

background-repeat: repeat-y; untuk mengulang dari atas ke bawah

keempat property tersebut dapat disingkat (shorthand css) menjadi seperti berikut:

background: color url() position repeat;

contoh:

background: blue url(images/bg.jpg) top center repeat-x;

 

Postingan tentang CSS

Memahami Pseudo Class pad CSS

Kupas Tuntas List di HTML

Selector pada CSS

Property Background CSS

Text Styling CSS

Font Styling CSS

Please follow and like us:
error

Related posts

Leave a Comment