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.


0 comments:

Are you confused or just want to tell us you visited? Feel free to comment

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.

Thinking of spamming here?:
Please do not spam Spam comments will be deleted immediately upon our review. So why waste your time?

Regards,
Enoch

Kindly use this button below to get this my article on your computer:

Print Friendly and PDF

You can also read this Related Posts



Best Blogger Tips

Post a Comment

Join me on Facebook Follow me on Twitter Follow me on Digg Follow on BlogCatalog Follow me on MySpace Subscribe to RSS Email me

Blog Archives

Google+

Google+

Followers