Modifikasi Text Area / Membuat Aneka Text Area Jilid 2

Tutorial ini berbeda dengan tutorial yang sebelumnya pernah saya posting, yaitu menghias text area di postingan blog. Text area kali ini lebih beraneka macam dan warna. Berikut macam - macam text area.




ISI TEKS AREA SOBAT DISINI
<textarea name="code" rows="3" cols="20" style="background: #FBEFFF;  color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid  #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">  ISI TEKS AREA SOBAT DISINI</textarea> <br />


ISI TEKS AREA SOBAT DISINI
<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI </textarea>


ISI TEKS AREA SOBAT DISINI
<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI </textarea>


ISI TEKS AREA SOBAT DISINI
<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI </textarea>


ISI TEKS/KODE
<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>


ISI TEKS AREA SOBAT DISINI
<textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBAT DISINI </textarea>

Selamat Mencoba