membuat background Post dgn CSS

Indoetnix-Fitur dari  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. caranya sangat mudah
OK..., mari kita lihat contohnya satu-persatu :

1. masuk account blog anda
2. klik new post
3. klik HTML kemudian Copas script berikut

Halaman dengan Backgroun Berwarna

<style type="text/css">

div.background-warna

{border-style:solid;

border-color:#FFF4534;

margin-left:auto;

margin-right:auto;

width:80%;

background-color:#E0E0B8;

text-align:left;

padding:10px;}

</style>

<div class="background-warna">

<h2>JUDUL TEKS</h2>

Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang warna

</div>

Halaman dengan Background bergambar

<style type="text/css">
div.background-gambar
{
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNr1cflJmXxTJWzyO8nXdg2L7tEElf2N65Xf5UEuK4ZunUfFhB_303bKaKN7SVgzBBsOXhnLF6VHjgsqFj-mmhRD664qJlDM18z24fFWbJuVlxJb6O45YRuNtgB5Hl1SNRrtcHHqho8Eo/s1000/kertas.jpg');
text-align:left;
padding:10px;
}
</style>

<div class="background-gambar"><h1>JUDUL TEKS</h1>
Ini adalah contoh bila kita membuat artikel dengan memberikan efek latar belakang gambar
</div>

untuk file (berwarna biru) bergambar kalian bisa mengganti dengan url gambat anda sendiri

Posted by: Agus Rahmanto

Indoetnix - Artech Salatiga, Updated at: 4:50 PM