Mempercantik textarea

Setelah menulis post Cara membuat textarea,Cara membuat select all pada textarea, Dan Cara membuat select all otomatis pada textarea sekarang saya akan membahas cara "Mempercantik textarea"


Berikut contoh dan kodenya:

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

<textarea name="code" rows="3" cols="20" style="background: #FF00FF; color: #FFFFFF; border: 3px solid #FF7F00; line-height: 1.5em; padding: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;"> Kode </textarea>

<textarea name="code" rows="3" cols="20" style="background: #FF00FF; color: #FFEFF9; border: 10px outset #FF7F00; line-height: 1.5em; padding: 5px;"> Kode </textarea>

<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-topleft: 10px; -moz-border-radius-bottomright: 10px;"> Kode </textarea>



Untuk belajar dasar dasar mempercantik textarea baca:

1. Rounded Corner (Sudut melengkung)
2. Macam macam border 1
3. Kode warna