Fitur dari css Background berfungsi untuk memberi efek latar belakang suatu elemen. Beberapa properti dan kelebihan dari fitur ini diantaranya kita bisa memberi efek latar belakang seperti; Latar belakang warna, Latar belakang gambar, mengulang Latar belakang gambar secara vertikal maupun horisontal, Mengatur posisi Latar belakang gambar. Dengan fitur css ini, kita bisa gunakan untuk membuat sebuah web atau sekedar untuk memberi efek Background pada postingan artikel pada blog.
OK..., mari kita lihat contohnya satu-persatu :
1. Latar belakang warna
Berikut hasilnya :
JUDUL TEKS
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang warna
2. Latar belakang gambar
3. Mengulang Latar belakang gambar secara horisontal
Berikut hasilnya :
4. Mengatur posisi Latar belakang gambar Dengan properti css ini kita bisa membuat artikel dengan memberikan efek latar belakang gambar yang bisa kita atur posisi penempatan gambar baik di sebelah kiri atau disebelah kanan, dan kita bisa menempatkan artikel atau posting dalam sebuah kotak yang ada disebelah gambar.
Berikut hasilnya :
JUDUL TEKS
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang gambar yang bisa kita atur posisi penempatan gambar baik di sebelah kiri atau disebelah kanan, dan kita bisa menempatkan artikel atau posting dalam sebuah kotak
Catatan :
Ganti Ulr image berwarna biru dengan Ulr tempat anda menyimpan gambar, dan tulisan berwarna merah adalah nilai ukuran besar dan kecilnya gambar.
nilai width:40% adalah lebar dari kotak
Silahkan anda bisa coba otak atik sesuai selera anda.
Ok...., Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Judul: CSS Background; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Related Posts
Edit Widget Popular Post Dengan Efek Melayang
Modifikasi widget popular posts dengan efek tooltip pada ringkasan atau
summary postnya. Trick ini saya dapat dari blognya MDF , dan saya mencoba untuk menshare ... readmore
Transformasi 2DTransformasi adalah sebuah efek yang memungkinkan perubahan suatu unsur atau elemen seperti bentuk, ukuran dan posisi. Dengan CSS3 transformasi, kita dapat mengubah ... readmore
Cara membuat fitur slide showBanyak kegunaan fitur slide show ini, antara lain bisa kita manfaatkan untuk menampilkan produk terbaru yang kita tawarkan. Terutama untuk web atau blog yang banya ... readmore
Cara buat slide show CarouselMenambah lagi koleksi slide show, dan slide ini menggunakan efek Carousel atau berputar seperti komedi putar. selain berfungsi untuk menampilkan gambar, slide show ... readmore
0
comments:
Post a Comment
Informasi Pilihan Identitas: Google/Blogger : Khusus yang punya Account Blogger. Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website. Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).
Ppada kali ini saya akan memberikan sebuah template SEO yang di buat oleh teman saya "Noval Bintangs" yang dia modifikasi se...
Get New Info
Subscribe via RSS FeedIf you enjoyed this article just click here, or subscribe to receive more great content just like it.
Pasang Iklan Di Sini ?
Link Exchange
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. Silahkan copy kode baner dibawah ini, dan taruh di web atau blog anda :
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).