cara membuat kotak unik di blog
Space Iklan Disini, silahkan Hubungi kami !
okelah sobat disini saya inginBerbagi tentang cara bkin kotak-kotak seperti di bawah ini,, langsung saja copas kodenya,,
<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
• 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
sobat bisa mengubah sesuai keinginan sobat, 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;}
Ikuti aja Langkah di atas, Semoga Cara Membuat Kotak unik ini bermanfaat bagi sobat.
Selamat mencoba…
0 comments:
Post a Comment