Cara Membuat Teks Area & Teks Border

Tweet

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