Border Keren tanpa Image

Kemaren, coba2 cara ini buat nampilin border yang melingkar, buat sebagian konten di animekita. Akhirnya dapet disini. Biasanya kan border melingkar gitu dikasih image di tiap sudutnya. Nah kalo yang ini CSS murni. Gini nih caranya:

- Buat CSS yang isinya kaya gini:

.news1, .news2, .news3, .news4{font-size:1px; overflow:hidden; display:block;}
.news1 {height:1px; background:#ff9933; margin:0 5px;}
.news2 {height:1px; background:#fde4d0; border-right:2px solid #ff9933; border-left:2px solid #ff9933; margin:0 3px;}
.news3 {height:1px; background:#fde4d0; border-right:1px solid #ff9933; border-left:1px solid #ff9933; margin:0 2px;}
.news4 {height:2px; background:#fde4d0; border-right:1px solid #ff9933; border-left:1px solid #ff9933; margin:0 1px;}
.contentnews {border-right:1px solid #ff9933; border-left:1px solid #ff9933;}
.contentnews div {margin-left: 0px;}

- Kemudian, panggil cssnya dengan ini:

<b class="news1"></b><b class="news2"></b><b class="news3"></b><b class="news4"></b>
<div class="contentnews">
<div> Isi Bordernya</div>
</div>
<b class="news4"></b><b class="news3"></b><b class="news2"></b><b class="news1"></b>
<b class="news1"></b><b class="news2"></b><b class="news3"></b><b class="news4"></b>

- Selamat mencoba

Yeah, softcaseku jadi :D

Setelah sekian lama memesan softcase custom di Marsudi (harus dipesan, soale gitarku emang bentuknya ga da yang nyamain ) akhirnya softcaseku jadi juga… yah lumayan, 170rebu dapet softcase yang lumayan tebel n bonus bordiran Sent Item …. hehe boleh dicoba ..