Week 4 Part 2

Week 4 part 2 covers boxes, padding and borders.

The nice thing about boxes is that they allow us to divide our pages up into sections as if we were using tables.

We can determine the size, position and circumference of the box by using the margin padding and border.

Practice Time!


Here to play around with the padding in a div, I have chosen to use a larger font and a padding of 15px.

I have also added a thin black solid border around this div.

Solid


Dotted


dashed


double


groove


ridge


inset


outset


What I have done above is try all the borders out that are available so that I can see what they look like in the different browsers. I like how some of them look in netscape, such as the inset, groove, and ridge.

Above I have used a border to surround a paragraph to see what this looks like. I have also highlighted this with a lighter color.