Styling menus with borders


show more Styling menus with borders provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Styling menus with borders

Borders can add a great deal of flexibility to your menu styling. You can use them to indicate a current menu item, define the actual regions of your links, accent your links in multiple ways, or as we're going to do in this exercise, help create visual separation between the link elements. So we're going to be working once again on vertical.htm, this time from the 03_06 folder-- although we're really just sort of picking up from right where we left off again. All right, so in the last exercise we created a little bit of visual space using margins, and if I flip over to the browser, you can kind of see how this is working.

We've got a bottom-margin applied to all of these list items. The problem here, of course, is that the background color of the page is shining through, and that's not always going to be appropriate. So, what I'm going to do is I'm just going to come down, and I'm going to replace the bottom-margin here, and I'm going to do a border-bottom. So y...

Styling menus with borders
Video duration: 2m 32s 5h 14m Beginner

Viewers:

Styling menus with borders provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...