Membuat Text Area Berwarna

Seperti yang dibahas sebelumnya bagi blogger senior membuat text area sudah tidak asing lagi, text area mempunyai banyak fungsi diantaranya sebagai tempat kode(script) tukeran link dan juga memudahkan untuk meng-copy kode di dalam text area tersebut bahkan anda bisa letakan text area didalam postingan anda. Namun berikut ini kita akan membahas cara membuat hiasan text area dengan garis dan latar belakang berwarna di sekelilingnya..

<div style="overflow:autowidth:200px;height:100px;background-color:#c1eeec;text-align:justify;border:3px solid #999999;padding:5px;">Tulis disini… </div>

Keterangan kode:
• width = lebar text area
• height = tinggi text area
• background-color = warna background text area
• text-align = perataan text
• padding = jarak antar tulisan
• border = tebal tipisnya garis tepi text area
• solid = warna garis tepi text area
Anda bisa merubah dan memodifikasi kode-kode nya sesuai dengan selera dan keinginan Anda, seperti dibawah ini :

textarea {background: #FFDAAF; font: 14px Papyrus, Georgia; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;}

textarea {background:#FF000A; color:#fff; border:3px double #fff; line-height:1.5em; padding:5px;}

textarea {background: #EF0090; font: 13px Georgia; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;}

textarea {background:#DAFFBF; font: 13px Comic Sans MS, Comic Sans, Arial; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;}

Selamat mencoba…

POSTING BERKAITAN

akur:
Tips Trick | Blog