KNCI

Trik Membuat Kotak Dengan CSS

Trik Membuat Kotak Dengan CSS - pada kesempatan kali ini kita akan mencoba membahas tentang Trik Membuat Kotak Dengan CSS, dimana sahabat dapat membuat kotak untuk sebuah tulisan dengan menggunakan kode CSS, kode css yang akan kita bahas tentu tidak akan memberatkan loading pada halaman homepage maupun halaman posting milik sahabat.

Trik Membuat Kotak Dengan CSS ini sangatlah mudah dan simple, nah kalau sahabat tertarik untuk Membuat Kotak Dengan CSS silahkan sahabat pilih kode css dibawah ini :



<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.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>



T<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.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>



<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>


Nah itulah Trik Membuat Kotak Dengan CSS yang dapat saya berikan mudah mudahan bermanfaat, selamat berkreasi, untuk saran dan kritiknya silahkan poskan pada kotak komentar dibawah ini.

Subscribe to receive free email updates:

0 Response to "Trik Membuat Kotak Dengan CSS"

Posting Komentar

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================