postingan terbaru

Loading

Senin, 07 November 2011

membuat Frame Kotak dengan CSS Border

Border adalah salah satu hal yang penting dalam pembuatan sebuah web.Selain itu ternyata Border ini banyak sekali manfaatnya baik untuk penmbuatan frame atau kotak dll, itu tergantung dari keperluannya untuk apa. Dan dengan CSS Border kita bisa mengatur berbagai tampilan yang menarik untuk sebuah web dari mulai warna bentuk dan ukurannya. Di bawah ini ada beberapa conton CSS Border monggo silahkan pilih sesuai dengan keinginan masing-masing !


                                    <style type="text/css">
div.dotted {border-style:dotted;}
                                                </style>
                                                        <div class="dotted">TEKS DISINI</div>

Hasinya seperti ini :


                                                                   TEKS DISINI
<style type="text/css">
div.dashed {border-style:dashed;}
</style>
<div class="dashed">TEKS DISINI</div>

Hasinya seperti ini :

                                                                  TEKS DISINI
<style type="text/css">
div.solid {border-style:solid;}
</style>
<div class="solid">TEKS DISINI</div>

Hasinya seperti ini :

                                                                     TEKS DISINI
<style type="text/css">
div.double {border-style:double;}
</style>
<div class="double">TEKS DISINI</div>

Hasinya seperti ini :

                                                                     TEKS DISINI
<style type="text/css">
div.groove {border-style:groove;}
</style>
<div class="groove">TEKS DISINI</div>

Hasinya seperti ini :

                                                                 TEKS DISINI
<style type="text/css">
div.ridge {border-style:ridge;}
</style>
<div class="ridge">TEKS DISINI</div>

Hasinya seperti ini :

                                                                         TEKS DISINI
<style type="text/css">
div.inset {border-style:inset;}
</style>
<div class="inset">TEKS DISINI</div>

Hasinya seperti ini :

                                                                       TEKS DISINI
<style type="text/css">
div.outset {border-style:outset;}
</style>

<div class="outset">TEKS DISINI</div>


Hasinya seperti ini :


                                                                       TEKS DISINI

Artikel Yang Berhubungan



0 komentar:

Poskan Komentar

Buat sobat blogger anda tulis komentar disini,angdidi tulis komentar disana tapi yang sopan ya!!!angdidi yakin anda adalah blogger yang baik matur kesuwun...