November 12, 2010   Boder , Efek Tulisan

BORDER KEREN DENGAN CSS3

1. Pilih Border yang di Inginkan 2. Copy Scriptnya, Lalu Pastekan di Entrimu ataupun Lainnya 3. dan Ganti Teks yang di Tebalkan Sesuai de...

1. Pilih Border yang di Inginkan
2. Copy Scriptnya, Lalu Pastekan di Entrimu ataupun Lainnya
3. dan Ganti Teks yang di Tebalkan Sesuai dengan Ke Inginanmu

<div style="border: 4px dotted #696969; padding: 5px;">TULISANMU</div>

<div style="border: 3px dashed #696969; padding: 5px;">TULISANMU</div>

<div style="border: 6px double #696969; padding: 5px;">TULISANMU</div>

<div style="border: 5px solid #696969; padding: 5px;">TULISANMU</div>

<div style="border: 5px outset #696969; padding: 5px;">TULISANMU</div>

<div style="border: 5px inset #696969; padding: 5px;">TULISANMU</div>

<div style="border: 7px ridge #696969; padding: 5px;">TULISANMU</div>

<div style="border: 7px groove #696969; padding: 5px;">TULISANMU</div>

<div style="border: solid 5px #696969; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">TULISANMU</div>

<div style="border: 5px solid #696969; padding: 6px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 15px;">TULISANMU</div>

BORDER KEREN
DENGAN EFEK SHADOW KEREN

<div style="border: solid 5px #696969; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 -10px 0 #D3D3D3;-webkit-box-shadow: 0 -10px 0 #D3D3D3;box-shadow: 0 -10px 0 #D3D3D3;">TULISANMU</div>

<div style="border: solid 5px #696969; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 10px 0 #D3D3D3;-webkit-box-shadow: 0 10px 0 #D3D3D3;box-shadow: 0 10px 0 #D3D3D3;">TULISANMU</div>

<div style="border: Inset 5px #696969; padding: 6px; -moz-box-shadow: 0 0 40px #87CEFA;-webkit-box-shadow: 0 0 40px #87CEFA;box-shadow: 0 0 40px #87CEFA;">TULISANMU</div>

<div style="border: 5px dashed #696969; padding: 5px; -moz-box-shadow:inset 6px 10px 50px #87cefa;-webkit-box-shadow:inset 6px 10px 50px #87cefa;box-shadow:inset 6px 10px 50px #87cefa;">TULISANMU</div>