CSS Borders SweetSheet

Located under the CSS tab of every site building tool, borders allow us, builders, to get creative with our websites.  There are many different styles of borders and ways to use them! Titles in borders, paragraphs in borders, perhaps even as a tool to frame images? 

Simple Border Styles:

The border code will be written in the CSS tab and linked in head funtion of the HTML document. Once you have your CSS page Linked to your HTML page, it is time to have fun!

Open your CSS tab and write :

p.type of border style {border-style:what it is you want;}

For exmaple:

p.solid {border-style: solid;}

or

p.dashed{border-style: dashed;}

Here are some different border:

this is a solid border

this is a dotted border

this is a dashed border

this is a double border

this is a groove border

this is a ridge border

this is a insert border

this is a outset border