Melanjutkan posting saya sebelumnya tentang Membuat Text Area Keren. Berikut kode masing-masing text area.
1. <textarea cols="30" name="area" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
2. <textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
3. <textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
4. <textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
5. <textarea cols="30" name="area" rows="2" style="background: #87CEFA; border: 2px groove #FF0000; color: snow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
6. <textarea cols="30" name="area" rows="2" style="background: #D2B48C; border: 2px inset #008000; color: yellow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
7. <textarea cols="30" name="area" rows="2" style="background: #ADFF2F; border: 2px outset #00008B; color: darkred; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
8. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini</textarea>
9. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini </textarea>
Semoga Bermanfaat...
1. <textarea cols="30" name="area" rows="2" style="-moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #7FFF00; border: 2px ridge #0000FF; color: black; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
2. <textarea cols="30" name="area" rows="2" style="background: #FOF8FF; border: 2px double #ffaf; color: darkgreen; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
3. <textarea cols="30" name="area" rows="2" style="background: #A9A9A9; border: 2px dotted #006400; color: darkmagenta; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
4. <textarea cols="30" name="area" rows="2" style="background: #FF1493; border: 2px dashed #FFD700; color: lime; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
5. <textarea cols="30" name="area" rows="2" style="background: #87CEFA; border: 2px groove #FF0000; color: snow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
6. <textarea cols="30" name="area" rows="2" style="background: #D2B48C; border: 2px inset #008000; color: yellow; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
7. <textarea cols="30" name="area" rows="2" style="background: #ADFF2F; border: 2px outset #00008B; color: darkred; line-height: 1.5em; padding: 5px;">isi teks atau kode disini</textarea>
8. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 10px; background: #FFFF00; border-left: 20px solid #4B0082; border: 1px solid #FF00FF; color: red; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini</textarea>
9. <textarea cols="30" name="area" rows="2" style="-moz-border-radius: 20px; background: #FF69B4; border-bottom: 5px solid #008000; border-left: 4px solid #0000CD; border-right: 4px solid #FFFF00; border-top: 4px solid #FF0000; color: black; line-height: 1.5em; padding: 5px;"> isi teks atau kode disini </textarea>
Semoga Bermanfaat...
knp gak ada contonhnya sobb... ???
ReplyDeletecoba ada contonhnya lebih bagus sobb ... :D
@shinoby Blog : ada koq sob..
ReplyDeleteartikel ini lanjutan dr artikel sebelumnya. kan judulnya text area 2..silahkan sobat klik link "tentang Membuat Text Area Keren" diatas.
ilmu baru gan buat ane
ReplyDeletethank's ya dah share