Home >Web Front-end >HTML Tutorial >1.DIV CSS exercises_html/css_WEB-ITnose

1.DIV CSS exercises_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:27:051119browse

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 < ;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. */.

Left side

>

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn