cssdiv做导航条(Cssdiv makes navigation bars)
cssdiv做导航条(Cssdiv makes navigation bars)
In fact, do this navigation very easy, you just need to move the mouse knock on the keyboard, with KwooJan do it, ha ha
[] the first step we must first do a container (requirements: ID "NAV", the width is 960px, height: 35px, located in the middle and at the top of the browser page level, the distance is 30px; the container is placed), our navigation yo ~ code is as follows:
HTML code:
Copy content to clipboard code:
Copy content to clipboard code:
#nav{
Width:960px;
Height:35px;
Background:#CCC; / * in order to check the area size, therefore add a background color.
Margin:0 Auto; / * * / middle level
Margin-top:30px; / * top 30px*/
Another thing to remind is that for page compatibility in browsers, don't forget to add tag reset code to the top of the CSS file
Code:
Copy content to clipboard code:
Body, div{padding:0; margin:0;} no more said here; do not understand, look at the course at the top of the course keywords
How did it work out? The effect is not a gray bar. It's in the middle of the page, and all browsers work the same
(if do it prove that you have not read yo ~ this tutorial tutorial will learn good attitude, I put the whole theory of XHTML+CSS itself are compressed to the tutorial, tutorials or "knowledge point concentration is very high, sometimes you need word to me, don't Yimushixing to see yo ~ as long as you write me a tutorial word for word and sentence for sentence research thoroughly, KwooJan guarantee when you make a page is Easy compatible with all browsers, and the code is absolutely reduced! CSS file loading speed greatly enhanced yo ~!
[second steps]
The box is done, we will put the contents of the navigation bar inside the "CSS learning tutorial tutorial to improve the school readiness layout tutorial wonderful application", if we put the content (currently 6), as if the glass, if directly into the inside of the box, will be chaos, and will reel right and left a point