Create the struct of index page via CSS

来源：互联网发布：中银淘宝信用卡编辑：程序博客网时间：2024/06/06 09:57

Create the struct of index page via CSS

Here is the picture:

Here is the code:

<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" style = "text-align: center;">Welcome</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" style = "text-align: center;">Copyright 2008 by YingKe Investment.</div></div></body></html>

The more to link: http://www.w3school.com.cn/tiy/t.asp?f=csse_float6