创建无表格的首页

<html>

<head>

<style type="text/css">

div.container

width:100%;

margin:0px;

border:1px solid gray;

line-height:150%;

div.header,div.footer

padding:0.5em;

color:white;

background-color:gray;

clear:left;

h1.header

padding:0;

margin:0;

div.left

float:left;

width:160px;

margin:0;

padding:1em;

div.content

margin-left:190px;

border-left:1px solid gray;

padding:1em;

</style>

</head>

<body>

<div class="container">

<div class="header"><h1 class="header">W3School.com.cn</h1></div>

<div class="left"><p>"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)</p></div>

<div class="content">

<h2>Free Web Building Tutorials</h2>

<p>At W3School.com.cn you will find all the Web-building tutorials you need,

from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</p>

<p>W3School.com.cn - The Largest Web Developers Site On The Net!</p></div>

<div class="footer">Copyright 2008 by YingKe Investment.</div>

</div>

</body>

</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/shili/s53611.shtml