CSS Tutorial Web site making how to create the blue effect of navigation

How to make a Web site to create a navigation blue effect is the first overall layout statement. The wildcard "*" means that, without special declaration, the margins and padding for all elements are zero.

We set the UL unordered list nav background color for #06c, floating left, width is 100%. After these two pieces of code are defined, our menu will be close to the browser window, and its width is 100%.

The menu's list item li is defined as display:inline; inline (in-line) restricts Li to one line to display and set list item presets to none;

We then look at the code meaning of the link area, link, visited state:

The link element floats to the left, and the padding is 5px and about 12px.

The text color is white, remove the link underline. The background color #06c the same as above.

We define the right border line: 1px, solid line, white #fff. This sentence is very important, it clearly divides the menu link between the distance. This sentence is in the form of shrinking.