1.DIV CSS exercises_html/css_WEB-ITnose-HTML Tutorial-php.cn

guagua

body {/* padding:0; margin : 0;*/}

#head {

/* Margin: 0; Height: 99px;

Background-Image: URL ("Images/Guagua_01.jpg" );

background-repeat:no-repeat;

background-position:center center; margin from the left, margin from the top

*/

/*background:url("images/guagua_01.jpg") left bottom no-repeat; Another way of writing*/

/*background-color:#F00; Red

float:left;

*/

}

div > border :1px solid #ccc; width:50px; height:50px;

*/

}

#container

{

width:560px;

padding:5px;

margin:0 auto;/* Centered (a very common function), but it must be used in conjunction with the two statements above the Html tag, and like &lt ;Center>This function is rarely used anymore*/ >{ width:100px; height:100px; border:1px solid #ccc; }

#left { float:left; width:400px; }

> #right { float:right; }

.clear{clear:both;} /* Because of the floating relationship, it needs to be added, otherwise other DIVs will be separated from the Container DIV. All websites are solved in this way. */.

Navigation bar -->

Left side

Right side

>