Membuat Text Area Paling Keren 1

Sebenarnya sudah banyak website dari sahabat senior
blogger yang membahas tentang masalah text area ini.
Sebagai seorang pemula, saya hanya mencoba ikut-
ikutan untuk meramaikan 'dunia pertext-arean', sambil
berharap barangkali saja ada pengunjung yang ingin
menggunakan text area buatan saya. Di bawah ini ada
6 (enam) model text area yang bisa anda pilih :

---

MODEL 1 (SATU) :

<textarea cols="30" name="code" rows="3" style="-moz-border-radius: 10px 10px 10px 10px; background: none repeat scroll 0% 0% rgb(255, 255, 0); border-color: rgb(0, 255, 255) rgb(0, 0, 255) rgb(255, 0, 0) rgb(0, 255, 0); border-style: solid; border-width: 4px; color: black; line-height: 1.5em; padding: 5px;">TULISAN ANDA DISINI</textarea>

---

MODEL 2 (DUA) :

<textarea cols="30" name="code" rows="3" style="-moz-border-radius: 0px 0px 0px 0px; background: none repeat scroll 0% 0% rgb(153, 255, 255); border-color: rgb(0, 0, 255); border-style: solid; border-width: 20px 2px 2px; color: blue; line-height: 1.5em; padding: 5px;">TULISAN ANDA DISINI</textarea>

---

MODEL 3 (TIGA) :

<textarea cols="30" name="code" rows="3" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(255, 0, 0); color: white; line-height: 1.5em; padding: 0pt 7px;">TULISAN ANDA DISINI</textarea>

---

MODEL 4 (EMPAT) :

<textarea cols="30" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(153, 0, 255); border: 3px dotted rgb(255, 239, 249); color: white; line-height: 1.5em; padding: 5px;">TULISAN ANDA DISINI</textarea>

---

MODEL 5 (LIMA) :

<textarea cols="30" name="code" rows="3" style="-moz-border-radius-bottomleft: 12px; -moz-border-radius-topright: 12px; background: none repeat scroll 0% 0% rgb(255, 218, 175); border: 2px ridge rgb(127, 69, 0); color: black; line-height: 2em; padding: 5px;">TULISAN ANDA DISINI</textarea>

---

MODEL 6 (ENAM) :

<textarea cols="30" name="code" rows="3" style="background: none repeat scroll 0% 0% rgb(218, 255, 0); border: 2px dashed rgb(0, 95, 0); color: #005f00; line-height: 1.5em; padding: 5px;">TULISAN ANDA DISINI</textarea>

---

CATATAN :

-   Ubah ukuran 'cols & rows' (lebar &tinggi) nya,

    sesuaikan dengan area post anda.

-   Ubah 'angka rgb' nya, sesuaikan dengan

    warna yang anda inginkan. 

  Tutorial tentang text area ini tidak berhenti sampai
di sini saja, mudah-mudahan pada kesempatan yang
berikutnya saya akan bahas lagi kelanjutannya dalam
'Membuat Text Area Paling Keren 2', dst-nya.

Semoga anda menyukainya, good luck!