Text area dengan latar belakang bergambar

Latar belakang text area pada dasarnya berwarna putih dan bisa di ganti dengan gambar sesuai dengan keinginan anda. Berikut ini adalah kode text area dengan latar belakang bergambar.

<div style="background-attachment: scroll; background-color: #00FFFF; background-image: url(&quot;http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif&quot;); background-position: right bottom; background-repeat: no-repeat; border: 2px dashed rgb(153, 0, 255); height: 120px; overflow: auto; padding: 10px; text-align: left; width: 360px;">

TULIS  TEKS YANG AKAN DITAMPILKAN DISINI

</div>

Contoh tampilannya :




TULIS TEKS YANG AKAN DITAMPILKAN DISINI




Keterangan
a.         http://i1128.photobucket.com/albums/m486/syamsudin1/wasp_flying.gif
Url gambar latar belakang text area dan bisa anda ganti dengan url gambar yang lain
b.        height: 120px;
Angka 120 adalah ukuran tinggi text area dan bisa anda ganti dengan ukuran yang lainnya
c.         width: 360px;
Angka 360 adalah ukuran lebar text area dan bisa anda ganti dengan ukuran yang lainnya
d.        text-align: left;
Kata left adalah kata yang membuat tulisan pada text area menjadi rata kiri. Jika anda ingin membuat tulisannya menjadi rata tengah, maka ganti kata left dengan center. Dan jika anda ingin membuat tulisannya menjadi rata kanan, maka ganti kata left dengan kata right.

Tidak ada komentar:

Posting Komentar

Pages

Diterbitkan Oleh Angah Azhari