Macam - Macam border untuk mempercantik blog

Macam - Macam border untuk mempercantik blog - SiS

Border adalah widget blog merupakan garis tepi yang mengelilingi widget blog, biasanya ini digunakan sebagai simbol batas dari widget blog. Kami akan berbagi sedikit info tentang cara membuat border, 

Teks / Url / Images

<div style="border:transparent 1px solid;"> <div style="border:#880000 1px dashed;"> <div style="border:#990000 1px solid;"> <div style="border:#ff0000 1px solid;"> <div style="border:#990000 1px solid;"> <div style="border:#880000 1px dashed;"> <center> Teks / Url / Images </center> </div> </div> </div> </div> </div> </div>

Teks / Url / Images

<div style="border: transparent 1px solid;"> <div style="border: #880000 5px dashed;"> <div style="border: #990000 1px solid;"> <div style="border: #ff0000 1px solid;"> <div style="border: #990000 1px solid;"> <div style="border: #880000 3px dashed;"> <center> Teks / Url / Images </center> </div> </div> </div> </div> </div> </div>

Teks
Url
Images

<div style="border:transparent 1px solid;"> <div style="border:#660000 3px dashed;"> <div style="border:#880000 2px solid;"> <div style="border:#ff0000 1px solid;"> <div style="border-top:#880000 1px solid;border-bottom:#880000 1px solid;border-left:#880000 10px dashed;border-right:#880000 10px dashed"> <center> Teks <br/> Url <br/> Images <center> </div> </div> </div> </div>

---

Teks / Url / Images

<div style="background-color:#222222;border-style:ridge;border-width;3px;border-color:#111111;margin:3px;padding:3px;"> <div style="background-color:#111111;border-style:ridge;border-width;3px;border-color:#111111;margin:3px;padding:3px;"> <center> <b><span style="color: white;">Teks / Url / Images</span></b></div> </div> </div> </div>

Teks / Url / Images

<div style="background-color:indigo"> <div style="border:2px solid#002222"> <div style="border:2px solid#222222"> <div style="border:2px solid#333333"> <div style="border:2px solid#555555"> <div style="border:2px solid#777777"> <div style="border:2px solid#999999"> <center> <b> Teks / Url / Images</b></div> </div> </div> </div> </div> </div> </div> </div>

Teks / Url / Images

<div style='background-color:#222222; border:1px solid #111111; <!--h--> <div style='border:1px solid #222222'> <div style='border:1px solid #333333'> <div style='border:1px solid #444444'> <div style='border:1px solid #555555'> <div style='border:1px solid #666666'> <div style='border:1px solid #777777'> <div style='border:1px solid #888888'> <div style='border:1px solid #888888'> <div style='border:1px solid #777777'> <div style='border:1px solid #666666'> <div style='border:1px solid #555555'> <div style='border:1px solid #444444'> <div style='border:1px solid #333333'> <div style='border:1px solid #222222'> <div style='border:1px solid #111111'> <div style='border:1px solid #444444'> <div style='border:1px solid #333333'> <div style='border:1px solid #222222'> <div style='border:1px solid #111111'> <center> <b> Teks / Url / Images</b></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

Teks / Url / Images

<div style="margin-bottom: 2px; border-bottom: 2px solid Black; border-right: 2px solid Black; "> <div style="background-color:#aa0000;border-top:#ff4a4a 2px solid;border-left:#ff4a4a 2px solid;border-bottom:#550000 2px solid;border-right:#550000 2px solid;"> <div style="border-top:#df0000 1px solid;border-left:#df0000 1px solid;border-bottom:#750000 1px solid;border-right:#750000 1px solid;"> <div style="padding: 3px 1px; border-top:#ca0000 1px solid;border-left:#ca0000 1px solid;border-bottom:#910000 1px solid;border-right:#910000 1px solid;"> <div style="margin-bottom: 2px; border-bottom: 2px solid Black; border-right: 2px solid Black; "> <div style="border-top:#ff4a4a 2px solid;border-left:#ff4a4a 2px solid;border-bottom:#550000 2px solid;border-right:#550000 2px solid;"> <div style="border-top:#df0000 1px solid;border-left:#df0000 1px solid;border-bottom:#750000 1px solid;border-right:#750000 1px solid;"> <div style="padding: 3px 1px; border-top:#ca0000 1px solid;border-left:#ca0000 1px solid;border-bottom:#910000 1px solid;border-right:#910000 1px solid;"> <div style="padding: 2px; background-color: #170f04; border-right: 1px solid #000000; border-bottom: 1px solid #000000; "> Teks / Url / Images</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

Teks / Url / Images

<div style='border:1px solid #000044'> <div style='border:1px solid #000055'> <div style='border:1px solid #000066'> <div style='border:1px solid #000077'> <div style='border:1px solid #000088'> <div style='border:1px solid #000099'> <div style='border:1px solid #0000aa'> <div style='border:1px solid #0000bb'> <div style='border:1px solid #0000dd'> <div style='border:1px solid #000044'> <div style='border:1px solid #000055'> <div style='border:1px solid #000066'> <div style='border:1px solid #000077'> <div style='border:1px solid #000088'> <div style='border:1px solid #000099'> <div style='border:1px solid #0000aa'> <div style='border:1px solid #0000bb'> <div style='border:1px solid #0000dd'> <div style='border:1px solid #0000bb'> <div style='border:1px solid #0000aa'> <div style='border:1px solid #000099'> <div style='border:1px solid #000088'> <div style='border:1px solid #000077'> <div style='border:1px solid #000066'> <div style='border:1px solid #000055'> <div style='border:1px solid #000044'> <div style='border:1px solid #000033'> <div style='border:2px solid #000044'> <div style="background:black"> <center> <b>Teks</b></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Macam - Macam border untuk mempercantik blog - Semoga bermanfaat dan Terima Kasih.

Kami mohon maaf apabila ada salah kata dan pengertian, kami disini juga sama seperti anda masih belajar.