Membuat Teks Area Dengan Style Berbeda

Sebelumnya telah dibahas mengenai pembuatan teks area secara default, untuk mengkostumisasi atau memberikan style yang berbeda dan menarik ada beberapa langkah pembuatannya dan tentu saja dengan adanya penambahan kode.

dibawah ini beberapa contoh teks area dengan kostumisasi menarik dengan style yang apik :

1. Teks Area Dengan Background Warna

<textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> Lokasi Teks atau Kode HTML Kalian</textarea>

2. Teks Area Dengan Background Gambar

<textarea div style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-yBljiIolq7VVOZZY5KvEOysE-wdOaNdM0xtrUAFKkD11Dede0xnwdvGPCa8A3rhmymsFhHzRtFsutiTkMoFe8QHpKoBECMkPn7hh7AHHIy8-dSUGG23oQ_jDAfgDHwfeMY9xWi1NSU/s1600/Lightning.gif) no-repeat scroll right bottom; border: 2px solid rgb(245, 219, 0); height: 100px; overflow: auto; padding: 5px; color: #fff; text-align: justify; width: 358px;">Lokasi Teks atau Kode HTML Kalian</textarea>

<textarea div="" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJTLGm-Z6-i52PpwMEHSVVU-BgpGOCKTB_jRil_8UgrjwS829WHZCR_NYVr5bZAAKeieW6y2ueZwRki6cygn4vddIuOr7uL-pXhkCal01x-_mr971ly06cjuSS_3uYgP2bl1yy6nxk8uo/s1600/24c60yc.jpg) no-repeat scroll right bottom; border: 5px solid #146125; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 358px;">Tuliskan Teks atau Kode HTML di sini</textarea>
Background dan ukuran besar kecilnya kolom teks area bisa kalian rubah
Semoga bermanfaat