CSS BACKGROUND IMAGE
CSS BACKGROUND IMAGE – Tutorial kali ini akan membahas bagaimana cara memasukan image menjadi background sebuah tampilan website. Image ini bisa dipasang sebagai latar belakang tampilan sebuah website, bisa juga hanya sebagai background style div sidebar atau mainbar.
![]() |
css background image |
Bagi yang sudah mahir memang hal ini sangatlah mudah dan mungkin sudah diluar kepala. Namun bagi yang belum tahu sama sekali tentang css bisa jadi mereka kebingungan bagaimana cara mengganti background blognya sendiri. Memang tutorial ini ditujukan kepada para pemula dan ingin mengerti lebih jauh tentang css. Para pemula yang ingin mengerti dasar-dasar css dan tidak hanya memanfaatkan fitur blogspot atau wordpress yang sekarang sudah serba otomatis.
CARA MENGGANTI BACKGROUND IMAGE
1. Siapkan gambar yang akan dibuat background
![]() |
background image |
2. Gunakan Kode CSS Background
.gambar {
background: url(http://www.inblogspot.com/wp-content/uploads/2012/11/How_to_Add_background_image_using_CSS-300x210.jpg);
border: 3px solid #FF7A00;
height: 150;
margin: 30;
padding: 50px 10px 0 20px;
width: 280;
}
Berikut ini adalah div style yang sudah diganti backgroundnya
![]() |
before |
![]() |
after |
Bagaimana mudah bukan cara mengganti CSS BACKGROUND IMAGE diatas ? Selamat mencoba sobat blogger. Salam Blogger