Cara membuat kolom textarea berwarna

Kolom textarea biasa digunakan untuk menyimpan kode2 agar pengunjung bisa mengcopy kode tersebut.
Dibawah saya berikan contoh2 model kolom textarea.

Textarea dengan background berwarna

Kodenya :
<textarea name="code" style="background-color:red;cols:20px;rows:1px;">Simpan text / kode disini</textarea>

Penjelasan :
cols:20px --> cols = lebar textarea, 20px = ukuran lebar(anda bisa menggantinya)
rows:1px --> rows = tinggi textarea,
background-color:red --> warna background textarea.

Textarea dengan background gambar


Kodenya :
<textarea name="code" style="background-image:url("http://URL GAMBAR ANDA");cols:20px;rows:1px;">Simpan text / kode disini</textarea>

Textarea dengan border


Kodenya :

<textarea name="code" style="background-color:yellow;cols:20px;rows:1px;border:3px solid red;">Simpan text / kode disini</textarea>

Penjelasan:
border:3px solid red
3px = tebal border, solid=jenis border, dan red=warna border.

10 komentar

info mantep....
Wilujeng morning kang....

wilujeng wayahkieu @Kang Elang84

ma kasih infonya ya gan.. sangat membantu menghiasi blog saya

bagus sekali artikelnya dan triknya gan, ijin mencoba ya, salam blogger

Keren.
Ditunggu Kunbalnya gan .. ;-)

http://seitsuke-j105i.heck.in

Komentar ini telah dihapus oleh pengarang.

mantap... coba dulu ahh..

mampir Gan,,
http://zofiq.blogspot.com

Nyepamm ! Kutendang kau !!!
EmoticonEmoticon