使用CSS格式化页面布局示例(附图)
发布时间：2017-01-07 来源：查字典编辑
摘要：源代码：NewDocument页面头部页面导航首页日志相册留言板状态左侧栏中间内容右侧栏滚动信息栏底部实现效果：
源代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
<>
</style>
</head>
<body>
<div id="header">页面头部</div>
<div id="menu">
页面导航
<tr>
<td>
<a href="" target="_blank" >首页 <a href="" target="_blank" >日志 <a href="" target="_blank" >相册 <a href="" target="_blank" >留言板 <a href="" target="_blank" >状态
</td>
</tr>
</div>
<div id="content">
<div>左侧栏</div>
<div>中间内容</div>
<div>右侧栏</div>
</div>
<div id="footer1">滚动信息栏</div>
<div id="footer2">底部</div>
</body>
</html>
实现效果：