-->
 
Macam - macam Border

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
Inilah macem moder Border yang saat ini saya bisa ,,,,Buat yang belum tahu silahkan baca  dan bagi yang udah tahu jangan dibaca lewati aja hehehehe.....Mungkin aja ini bisa sedikit membantu sobat buat ngedandanin Blognya biar Makin Caem

Langsung aja Sobat perhatikan penulisan kode-kode dibawah ini dan Lihat hasilnya
 1
<div style="background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI



 2
<div style="background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


3
<div style="background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 4
<div style="background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI



 5
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 6
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px double #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 7
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px inset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 8
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


 9
<div style="-moz-border-radius: 20px 0px 20px 0px;; -webkit-border-radius:  20px 0px 20px 0px;border-radius:  20px 0px 20px 0px; background-color: none; border : 4px outset #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


10
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


11
<div style="background-color: none; border-bottom: 2px solid #ff0000; border-left: 15px solid #ff0000; border-right: 15px solid #ff0000; border-top: 2px solid #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">ISINYA DISINI </div>
ISINYA DISINI


12
<div style="background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


13
<div style="background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


14
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px dotted #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


15
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 4px dashed #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


16
<div style="background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


17
<div style="background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI


18
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; background-color: none; border: 6px groove #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI

19
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px;background-color: none; border: 6px ridge #ff0000; height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">
ISINYA DISINI</div>
ISINYA DISINI
Utak atik kode-kodenya Sobat mulai background color  & border colornya ,biar tampilan Lebih menarik
Semoga bermanfaat
Posted On : 16 Oktober 2011 Time : 16.58
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |