Contoh Type Kode Div Style

sebenarnya banyak mode div style dalam kode htlm, dan dengan kode ini kita bisa memperindah halaman posting maupu sidebar kita,jadi tunggu apa lagi………silakan dicoba.


<div style=”border:2px solid yellow”> isi artikel </div>
<div style=”background-color:aqua;border-style:ridge;border-width:2px;border-color:yellow;margin:2px;padding:2px”> isi artikel </div>
<div style=”border-top:lime 2px solid;border-left:blue 2px solid;border-bottom:white 2px solid;border-right:yellow 2px solid;margin:2px;padding:2px”> isi artikel </div>
<div style=”background-color:red;border-top:purple 2px solid;border-left:navy 2px solid;border-bottom:white 2px solid;border-right:yellow 2px solid;margin:2px;padding:2px”> isi artikel </div>
<div style=”background-color:red;border-top:white 3px solid;border-left:white 3px solid;border-bottom:white 3px solid;border-right:white 3px solid;mar
gin:3px;padding:3px”>
<div style=”background-color:blue;border-top:lime 3px solid;border-left:lime 3px solid;border-bottom:lime 3px solid;border-right:lime 3px solid;margin:3px;padding:3px”> isi artikel </div></div>
<div style=”border:2px solid#2c2c2c”><div style=”border:2px solid#444444″><div style=”border:2px solid#5a5a5a”><div style=”border:2px solid#727272″><div style=”border:2px solid#888888″><div style=”border:2px solid#a0a0a0″><div style=”border:2px solid#b8b8b8″><div style=”background-color:#5a5a5a;border:2px solid#d0d0d0″> isi artikel </div></div></div></div></div></div></div></div>
<div style=”background-color:#191940;border-top:#191930 2px solid;border-left:#191930 2px solid;border-bottom:#191930 2px solid;border-right:#191930 2px solid;margin:2px;padding:2px”><div style=”background-color:#191960;border-top:#191950 1px solid;border-left:#191950 2px solid;border-bottom:#191950 2px solid;border-right:#191950 2px solid;mar
gin:2px;padding:2px”> isi artikel </div></div>
<div style=”background-color:blue; text-align:center; border:white 2px solid; padding:2px; margin:2px;”><font color=”yellow”> isi artikel <f/div>
<div style=”background-color:blue;text-align:center; border-top:#909090 8px solid; border-bottom:#909090 8px solid; border-left:#C0C0C0 8px solid; border-right:#C0C0C0 8px solid; padding:2px; margin:2px;”><font color=”yellow”> isi artikel </div>
<div style=”border:yellow 3px solid;”><div style=”background-color:blue; text-align:center;border:yellow 1px solid; padding:2px; margin:2px;”> isi artikel </div></div>
<div style=”background-color:aqua;border:red 2px solid”><div style=”background-color:#ff5a00;border-style:dotted;border-weight:4px;border-color:#00ff00;margin:2px;padding:2px;”> isi artikel </div></div>
<div style=”background-color: gray; border: 4px solid red;”><div style=”border: 6px solid aqua;”><div style=”border: 4px solid yellow;”><font color=”blue”></font><blink><font color=”aqua”> </font></blink><font color=”fuchsia”>Mascha</font></div></div></div>

catatan:
div = bagian
style = gaya
align = meluruskan
left = kiri
center = tengah
right = kanan
border = batas
solid = padat
top = atas
bottom = bawah
width = lebar
margin = garis tepi
padding = lapisan
background = latar belakang

jika ingin mendalami lagi bisa buka
http://www.hitmill.comhttp://www.quackit.com
Silakan dicoba………………………..>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s