How To Add A HTML Borders On Blogger

HTML borders allows you to show up your html codes on you blogger post by using the CSS. You can make use of the CSS in creating different border around any HTML elements.
The CSS properties that you can use in define your borders have a range, but the border property is the most concise way.


The examples of what you can do with HTML, CSS and Border are shown below:

SOLID BORDER

<div style="width:200px;height:100px;border:1px solid blue;">
HTML borders are best to be used.
</div>

HTML borders are best created with CSS.

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?

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

OUTSET BORDER

<div style="width:200px;height:100px;border:6px outset orange;">
HTML border code - or should that read CSS border code?
</div>

HTML border code - or should that read CSS border code?

INSET BORDER

<div style="width:200px;height:100px;border:6px inset orange;">
HTML border code - or should that read CSS border code?
</div>

HTML border code - or should that read CSS border code?

GROOVED BORDER

<div style="width:200px;height:100px;border:6px groove orange;">
HTML border code - or should that read CSS border code?
</div>

HTML border code - or should that read CSS border code?

DOUBLE BORDER

<div style="width:200px;height:100px;border:6px double orange;">
HTML border code - or should that read CSS border code?
</div>

HTML border code - or should that read CSS border code?

RIDGED BORDER

<div style="width:200px;height:100px;border:6px ridge orange;">
HTML border code - or should that read CSS border code?
</div>

HTML border code - or should that read CSS border code?

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.