目录
前言
网页标题：三列自适应宽度
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style6.css" type="text/css">
<title>三列模式布局</title>
</head>
<body>
<div id="left" class="">left</div>
<div id="center" class="">center</div>
<div id="right" class="">right</div>
</body>
</html>
<!-- edu_10_1_5.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>多行三列模式布局</title>
<link rel="stylesheet" href="css/style7.css" type="text/css">
</head>
<body>
<div id="container" class="">
<div id="header" class="">
<div id="logo" class="">logo</div>
<div id="nav" class="">nav</div>
</div>
<div id="main" class="">
<div id="left" class="">
<div id="left_up_1" class="">left_up_1</div>
<div id="left_up_2" class="">left_up_2</div>
<div id="left_down_1" class="">left_down_1</div>
<div id="left_down_2" class="">left_down_2</div>
</div>
<div id="center" class="">
<div id="center_up" class="">center_up</div>
<div id="center_down" class="">center_down</div>
</div>
<div id="right" class="">
<div id="right_up" class="">right_up</div>
<div id="right_down" class="">right_down</div>
</div>
</div>
<div id="footer" class="">footer</div>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>一级水平导航菜单</title>
<link rel="stylesheet" href="css/style8.css"
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">jQuery特效</a></li>
<li><a href="#">JavaScript特效</a></li>
<li><a href="#">Flash特效</a></li>
<li><a href="#">div+css教程</a></li>
<li><a href="#">HTML5教程</a></li>
</ul>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>纵向导航菜单</title>
<link rel="stylesheet" href="CSS/style9.css">
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">jQuery特效</a></li>
<li><a href="#">JavaScript特效</a></li>
<li><a href="#">Flash特效</a></li>
<li><a href="#">div+css教程</a></li>
<li><a href="#">HTML5教程</a></li>
</ul>
</div>
</body>
</html>