Learning Report 3

CSS Borders

Borders help enhance the look of a web page. The following types of borders are:

• dotted
• dashed
• solid
• double
• groove
• ridge
• inset
• outset

In the list above I assigned an id to each list item. I then went to the file with my style sheet info and gave each id a border-style paramater. I gave each example the appropriate quality; 'dotted' was given border-style dotted, etc.

Borders have many other attributes that can be tweaked. Visit the tutorial site w3shcools.com border tutorial to learn more about tweaking borders.

Implementation

You probably noticed that my navigation bars at the top and left side of my web page have borders. I plan on tweaking them a little more after I adjust some of the more problematic design elements of my page. For right now, I have used the borders to separate the nav bars from the rest of the website.