KAWAH PAPANDAYAN

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.

Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Trik Membuat Kotak Dengan CSS. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

0 komentar — Klick Untuk Berkomentar

Poskan Komentar Atau Kembali Ke Atas


Terimakasih Atas Kunjungan Sahabat

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