div+css基础——2.网页宽度和居中设置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网页宽度和居中设置</title>
<meta name="keywords" content="自定义关键字"/>
<meta name="description" content="自定义描述"/>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<style type="text/css">
body{
margin:0;
padding:0;
font-size:12px; /*设置整个页面字体*/
color:#364f56; /*设置网页字体颜色*/
background-color:#FFFFFF;
text-align:center; /*对于内联元素，居中使用text-align:center*/
}
#container{
margin:0 auto; /*对于块元素，居中使用margin:0 auto*/
width:980px; /*宽度范围一般为960-1002*/
border:1px solid red;
}
#text{
text-align:left;
}
</style>
</head>
<body>
<div id="container">
<div id="text">
这是一段网页内容<br/>
这是一段网页内容<br/>
这是一段网页内容<br/>
这是一段网页内容<br/>
这是一段网页内容<br/>
这是一段网页内容<br/>
这是一段网页内容<br/>
</div>
<img src="girl.png" title="芙蓉姐姐" width="350px" height="250px"/>
</div>
</body>
</html>
效果截图：
