Membuat textarea cantik dengan css

Sedikit Penjelasan daripada textarea,
Textarea merupakan elemen kode html yang digunakan untuk menunjukkan batas area teks dalam kandungan.
Disini saya akan membagikan bagaimana cara membuat area teks ala blog arit.tk dengan bumbu CSS tentunya agar mempunyai kesan manis dalam berposting, he..he..he..

Simak bagaimana Tutorial CSS textarea dibawah ini

Bagian 1

<style>
textarea { line-height: 1px; background: white no-repeat url('http://m.surga.tk/images/input.png'); color: #555; font-weight: x-small; margin: 0px; border: 1px solid grey; padding: 1px 1px 1px 3px; }
</style>

Bagian 2

<style>
textarea { background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px; }
</style>

Bagian 3

<style>
textarea { line-height: 1px; background-image:url('http://surga.tk/images/background1_1.gif'); background-repeat: no-repeat; background-position: left center; color: #606060; font-weight: x-small; margin: 2px; border: 1px solid #6060a8; padding: 1px 1px 1px 3px; }
</style>

Bagian 4

<style>
textarea { background: url(http://surga.tk/images/blue-areatext.png); color:#ffffdd; border-color:#000042; }
</style>

Pilih salah 1 dari Bagian CCS diatas, dan salin hasil contoh dibawah ini.

Pada Bagian 1 seperti dibawah ini.
<style> textarea { line-height: 1px; background: white no-repeat url('http://m.surga.tk/images/input.png'); color: #555; font-weight: x-small; margin: 0px; border: 1px solid grey; padding: 1px 1px 1px 3px; }</style><textarea cols="35" rows="5">Isi konten</textarea>


Bagian 2
<style> textarea { background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px; } </style><textarea cols="35" rows="5">Isi konten</textarea>


Bagian 3
<style> textarea { line-height: 1px; background-image:url('http://surga.tk/images/background1_1.gif'); background-repeat: no-repeat; background-position: left center; color: #606060; font-weight: x-small; margin: 2px; border: 1px solid #6060a8; padding: 1px 1px 1px 3px; } </style><textarea cols="35" rows="5">Isi konten</textarea>


Bagian 4
<style> textarea { background: url(http://surga.tk/images/blue-areatext.png); color:#ffffdd; border-color:#000042; } </style><textarea cols="35" rows="5">Isi konten</textarea>



Sekian dari saya, jika Anda mempunyai style textarea lebih cantik, jangan sungkan berbagi disini...

Cara mudah menemukan Tutorial Website lainnya, sangatlah mudah melalui label Postingan. Belajar bersama. Arit Nuansa Pagi