Menghias Text Area Di Postingan Blog

Text area biasa digunakan untuk menghemat ruang postingan blog agar tidak terlalu panjang. Membuat text area letaknya ada di Postingan edit HTML bukan yang di Compose. Di bawah ini adalah contoh text area yang biasa.

<form name="contohtextarea"><textarea name="txt" rows="3" cols="30" readonly>Text Anda Disini</textarea></form>

Keterangan: rows dan cols menentukan ukuran text area, disitu bisa diedit sesuai keinginan kita.

Text Anda Disini

Untuk menghias text area, berikut langkah - langkahnya.

Kode
<form><textarea rows="3" cols="30" background-color="green"
style="color: red; background-color: yellow; text-decoration: underline; border-style: dotted; border-color: blue">Text Anda Disini</textarea></form>
Text Area dengan garis bawah
Hasil

Text Anda Disini

Kode
<form><textarea rows="3" cols="30" style="color: white; background-color: green; text-transform: uppercase; border-style: solid; border-color: yellow">Text Anda Disini</textarea></form>
Text Area menggunakan huruf besar semua (Uppercase)
Hasil

Text Anda Disini

Kode
<form><textarea rows="3" cols="30" style="color: yellow; background-color: blue; border-style: solid; border-color: red" >Text Anda Disini</textarea></form>

Hasil

Text Anda Disini