Mengenai Saya

Selasa, 16 Agustus 2011

Cara Membuat Teks Area & Teks Border



Simple nya :
  • Masuk Akun Blogger
  • Klik Edit Entri* pilih yang mau ditambahi Teks Area / Teks Border *
  • Copy Paste Kode Script Dibawah Ini
1. Teks Area

<div align="center" style="color: black;">
<div style="background-color: #c1eeec; border: 3px solid rgb(153, 153, 153); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 200px;">
Up to you ^^
</div>
</div>


<div style="border:2px #006400 solid; padding:10px; background-color: #c3fdb8; text-align: left;">
Up to you ^^ </div>

2. Teks Border
  • Solid
<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Double
<div style="border: 3px double rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  •  Ridge
<div style="border: 3px ridge rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Dotted
<div style="border: 3px dotted rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Dashed
<div style="border: 3px dashed rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Groove
<div style="border: 3px groove rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Inset
<div style="border: 3px inset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>
  • Outset
<div style="border: 3px outset rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
Kata - Kata
</div>

credit : Blog Bludus , Pay & Vikry

Tidak ada komentar:

Poskan Komentar

jaxtr