How to use Border variations with Microsoft Expression Web 2

The best way to create HTML borders is by using CSS. But there are a variety of properties and different borders to choose from. So to define a border by writing a CSS code you will have to do the following.

For example:

<div style=” width: 100px; height: 20px; text-align: center; border: 8px double #888;“>

Double Border

</div>

You can write such styles for different elements and choose different border properties in inline, internal or external style sheets. Microsoft Expression Web has made it so simple to define style sheets and hence borders. All you have to do is follow these easy steps:

1. Create a new style – inline, internal or external from Apply/Manage Styles task pane.

2. From Category list choose Border and then set the border properties, as shown below:

The best part being, you get a preview of your selection at the bottom of the window along with the CSS code. I always got confused with which border style would suit my design, but not anymore. With this preview no one can ever go wrong.