Posts
On Thursday, February 17, 2011
Seperti pada postingan sebelumnya ...saya berjanji untuk menjelaskan tentang Variasi Kode HTML Border Nah sekarang saya mau share pada anda semuanya...Berikut di bawah ini beserta contoh - contohnya :
1. Solid Border
<div style="width:200px;height:100px;border:1px solid blue;">
HTML borders are best created with CSS.
</div>
HTML borders are best created with CSS.
</div>
Hasilnya :
HTML borders are best created with CSS.
2. Dotted Border
<div style="width:200px;height:100px;border:2px dotted blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
3. Dashed Border
<div style="width:200px;height:100px;border:2px dashed blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
4. Outset Border
<div style="width:200px;height:100px;border:2px outset blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
5. Inset Border
<div style="width:200px;height:100px;border:2px inset blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
6. Grooved Border
<div style="width:200px;height:100px;border:2px groove blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
7. Doubled Border
<div style="width:200px;height:100px;border:2px double blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
8. Ridged Border
<div style="width:200px;height:100px;border:2px ridge blue;">
HTML border code - or should that read CSS border code?
</div>
HTML border code - or should that read CSS border code?
</div>
Hasilnya :
HTML border code - or should that read CSS border code?
9. Mixed Border
<div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;">
Create borders for any HTML element.
</div>
Create borders for any HTML element.
</div>
Hasilnya :
Create borders for any HTML element.
Nah mungkin cuma segitu yang bisa saya share semoga bermanfaat...
Sumber : http://www.quackit.com
