Kotak Keren Dengan CSS
<style type="text/css">
div.sundaboy1{border-style:solid;
border-bottom-width:15px;
border-color:blue;}
</style>
<div class="sundaboy1">Tulisan Sahabat Disini</div>
<style type="text/css">
div.atas {
border-style:solid;
border-top-width:20px;
border-color:rgb(225, 225, 225);}
</style>
<div class="atas">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.pinggir {
border-style:solid;
border-left-width:20px;
border-color:#DF7401;}
</style>
<div class="pinggir">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.sundaboy2{
border-style:solid;
border-width:5px;
border-color:red;}
</style>
<div class="sundaboy2">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.dotted {border-style:dotted;}
</style>
<div class="dotted">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.sundaboy2
{border-style: solid ;border-width: thin ;}
</style>
<div class="sundaboy2">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.sundaboy3{
border-style:solid;
border-width: thick ;}
</style>
<div class="sundaboy3">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.sundaboy4{
border-style: solid ;
border-width: medium ;}
</style>
<div class="sundaboy4">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.outset {border-style:outset;}
</style>
<div class="outset">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.outset {border-style:outset;}
</style>
<div class="outset">
Tulisan Sahabat Disini</div>
<br />
<style type="text/css">
div.inset {border-style:inset;}
</style>
<div class="inset">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.ridge {border-style:ridge;}
</style>
<div class="ridge">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.groove {border-style:groove;}
</style>
<div class="groove">
Tulisan Sahabat Disini</div>
<style type="text/css">
div.double {border-style:double;}
</style>
<div class="double">
Tulisan Sahabat Disini</div>
Demikian postingan kali ini semoga dapat membantu para sobat blogger.
Saya hanyalah seorang Newbie di dunia Blogger, Aktivitas Ngeblog dilakukan hanya pada waktu senggang saja atau tidak teratur.
Makasih Tutorialnya Gan !!
ReplyDelete@MikiMaru:ok gan masama, thank kunjungannya, happy Blogging sob.
ReplyDeleteGa ada demonya ya mas...btw, thanks udah sharing :)
ReplyDelete