Cara Membuat Text Area Dengan Background

Blog-Thinker : Cara Membuat Text Area Dengan Background

Text Area adalah sebuah kotak yang didalamnya terdapat text maupun code yang dapat ditampilkan oleh browser sesuai dengan keadaan sebenarnya (tidak diterjemahkan).
Text area umunya terlihat sangat biasa biasa saja, dengan border seadanya dan background default putih..

Nah kali ini kita aka membahas Bagaimana cara membuat background color pada text area?.
setelah beberapa kali saya utak atik kode text area, ternyata berhasil juga.
Ini dia code nya,
<textarea style="background-color: #ffccff; border: 2px solid #FF3300; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Taruh Text atau kode yang ingin kamu tampilkan, dsini</textarea>
Copy paste kode diatas, letakkan dimana pun yang kamu inginkan...jangan diletakkan di muka tapi..hehe!

Keterangan :
- #ffccff adalah kode warna backround
- 2 adalah tebal frame atau bingkai.
- #FF3300 adalah code warna untuk border/frame
- 100 adalah tinggi bingkai text area
- 500 adalah lebar bingkai text area
Silahkan kembangkan sendiri sesuai keinginan kamu...!

Ini contoh nya:

Ini contoh text area dengan custom background..., kamu juga bisa meletakkan kode disini, misal : <a href="http://blog-thinker.blogspot.com/"> Blog-thinker</a>

Ini contoh Text Area Yang alin :

Ini contoh textarea yang lain

Code :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 100px; width: 500px;" wrap="VIRTUAL">Ini contoh textarea yang lain, taruh text atau kode kamu disini</textarea></div>

Semoga bermanfaat...!