Membuat Text area lebih menarik

type='html'>Oke gan lanjut tutorial hari ini kita membuat text area yang menarik. oke lang sung aja ente copy dah tu kode.

Text Area dengan background warna

<br /> <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
Text Area dengan background gambar
<br /> <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/AVvXsEiLZtnEjuj5zKssE_fpCldk4Yvdw00Wf3Kr7w5w9JziI154nOCmsqUXK7MTGlsybA6msYSVD41J7mRpSSo9pusq6B4OcQXeX-h58JxayBVqSa9czDIQcP_tWvj8sPweNKmf4wOZMEcYj2A/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

Text Area dengan background gambar
<br /> <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/AVvXsEgcOWPYg4EOD-6W-HBGYoyqWjpTbpYoMYZHTj_BMI5RXnyW_10WTSog095oQgqXm3e3itemlxtyl3jW3wJOUI-57ypf0OVgkC4k7tVluruvqOXh4sqBUP4OIZ-ClIVbdG-9JDjGyVRJAAs/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

Ok dah selamat mencoba...Semoga bermanfaat