div+css基础——2.网页宽度和居中设置

来源：互联网发布：网络使人更亲近的例子编辑：程序博客网时间：2024/06/07 12:49

<!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>

效果截图：