CCS页面基本布局(一)

来源：互联网发布：数据库查询多少人重名编辑：程序博客网时间：2024/06/02 22:45

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">body{margin:0px;}#box{width:750px;height:1000px;margin:auto;}#head{width:750px;height:150px;background:#00FFCC;}#mid{width:750px;height:700px;background:#33CCFF;}#mid_left{width:350px;height:700px;float:left;}#mid_right{width:400px;height:700px;float:left;}#foot{width:750px;height:150px;background:#00FFCC;}</style></head><body><div id="box">  <div id="head">此处显示  id "head" 的内容</div>  <div id="mid">    <div id="mid_left">此处显示  id "mid_left" 的内容</div>    <div id="mid_right">此处显示  id "mid_right" 的内容</div>  </div>  <div id="foot">此处显示  id "foot" 的内容</div></div></body></html>

可放到DW中看看效果,或者保存为html页面查看即可..