Kamis, 28 November 2013

Cara Mudah Membuat Border HTML

Cara Mudah Membuat Border HTML -Setiap pemilik blog pasti ingin tampilan blog nya terlihat cantik dan enak di lihat oleh pengunjungnya, nah kebeneran admin mau share untuk sobat semua tentang cara mudah membuat border HTML (padahal udah banyak yang mosting tentang ini), tapi gpp deh siapa tau sobat bisa lebih mudah mengerti nya lewat postingan admin ini.

Ada beberapa border yang bisa dipake di blog sobat untuk mempercantik blognya, seperti ini :

Solid Border 
Contoh tag Solid Border :
<div style="width:200px;height:60px;border:1px solid blue;">
contoh cherylaghnads
</div>
Hasilnya seperti ini :
contoh cherylaghnads

Dotted Border 
Contoh tag Dotted Border :
<div style="width:200px;height:60px;border:2px dotted blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Dashed Border 
Contoh tag Dashed Border :
<div style="width:200px;height:60px;border:2px dashed blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Outset Border 
Contoh tag Outset Border :
<div style="width:200px;height:60px;border:2px outset blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads


Inset Border 
Contoh tag Inset Border :
<div style="width:200px;height:60px;border:2px inset blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Grooved Border 
Contoh tag Grooved Border :
<div style="width:200px;height:60px;border:2px groove blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Double Border 
Contoh tag Double Border :
<div style="width:200px;height:60px;border:2px double blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Ridget Border 
Contoh tag Ridged Border :
<div style="width:200px;height:60px;border:2px ridge blue;">
Contoh cherylaghniads
</div>
Hasilnya seperti ini :
Contoh cherylaghniads

Mixed Border 
Contoh tag Mixed Border :
<div style="width:200px;height:60px;border-width:5px;border-color:black;border-style:dotted dashed solid double;">
cherylaghniads
</div>
Hasilnya seperti ini :
cherylaghniads

semoga bermanfaat untuk kita semua dan blog nya semakin cantik, baca juga cara membuat multitab untuk menambah cantik blog sobat semua, -salam-

Tidak ada komentar:

Posting Komentar