Membuat Text Area yang Keren

Kalian tentunya sudah pada tahu apa itu Text Area, buat yang belum tahu, Saya akan jelaskan sedikit. Text Area adalah kumpulan Text atau Tulisan yang berada dalam kotak yang mempunyai fungsi scroll, ini dimaksudkan agar meminimalkan tempat atau tidak memakan tempat untuk penempatan Text atau Tulisan tersebut, dan dimaksudkan juga agar pengunjung Blog dapat dengan mudah Copy - Paste dari tulisan tersebut.
Dan Berikut ini Text Area dengan berbagai macam style :

Note : Di ahir code jangan lupa beri tulisan </textarea> 

Text Area Style 1
<textarea cols="50" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); border: 5px double blue; color: white; height: 113px; line-height: 1.5em; padding: 0px 7px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 2
<textarea cols="50" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(191, 250, 255); border-color: rgb(255, 233, 0) rgb(64, 255, 31) rgb(64, 255, 31) rgb(255, 233, 0); border-style: inset; border-width: 9px; color: blue; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 3
<textarea cols="50" name="code" rows="4" style="background: blue; border-style: double; border: 2px inset rgb(204, 204, 204); color: white; height: 113px; line-height: 1.5em; padding: 0px 7px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 4
<textarea cols="50" name="code" rows="4" style="background: silver; border-color: rgb(255, 239, 0) rgb(64, 255, 31) rgb(64, 255, 51) rgb(255, 233, 0); border-style: double; border-width: 4px; color: red; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 5
<textarea cols="50" name="area" rows="4" style="background: none repeat scroll 0% 0% rgb(127, 255, 0); border: 5px ridge blue; color: black; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI



Text Area Style 6
<textarea cols="50" name="area" rows="4" style="border: 5px double blue; color: white; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 7
<textarea cols="50" name="area" rows="4" style="background: none repeat scroll 0% 0% silver; border: 5px dotted blue; color: black; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Text Area Style 8
<textarea cols="50" name="area" rows="4" style="background: none repeat scroll 0% 0% silver; border: 5px dashed red; color: black; height: 113px; line-height: 1.5em; padding: 5px; width: 353px;"> ISI TEKS AREA SOBAT DISINI


Good Luck