至此就完成了"About"网页的制作,依此类推，修改html中body的类为services/portfolio/contact制作相应html文件并分别保存。在css文件中添加各个网页相应的头部背景图片路径(如services网页的头部背景图片为services.jpg,在css中添加如下代码)： body.services #header {height: 150px;background: #db6d16url(../images/headers/services.jpg);} 然后用超级链接将这些网页连接起来，就组成了一个小网站了。 理论上，我们可以控制源文件上的任意元素的浮动，但由于IE浏览器的BUG，被浮动层需要首先出现在源文件上，也就是说我们把副标题放在版权和认证的前面：
About - Services - Portfolio - Contact Us - Terms of TradeCopyright © Enlighten DesignsPowered by Enlighten Hosting andVadmin 3.0 CMS 刷新页面，将看到如下所示 最后我们回到内容部分：用
表现内容标题–"About","Contact us"；用
表现段落；用断行。
About
Enlighten Designsis an Internet solutions provider that specialises in front and back end development. To view some of the web sites we have created view our portfolio.
We are currently undergoing a 'face lift', so if you have any questions or would like more information about the services we provide please feel free to contact us.
Contact Us
Phone: (07) 853 6060
Fax: (07) 853 6060
Email: info@enlighten.co.nz
P.O Box: 14159, Hamilton, New Zealand
More contact information…
小技巧：刷新页面可以看到在Content层中又出现一些空白，这是由于
标签的默认边距(margin)造成的，必须消除空白，当又不想把网页中所有的
标签地边距都设为0，这就需要使用css的子选择器("child css selector"),在html的文件结构中，我们想控制的
标签(child)是属于#content层(parent)的,因此在css文件中写入： #content h2 {margin: 0;padding: 0;}#content p {margin: 0;padding: 0;} 浏览器可以识别仅仅是隶属于content层的
标签的margin和padding的值为0！ HTML+CSS+DIV建站实例讲解 第一步：规划网站，以图示为例构建网站； 第二步：创建html模板及文件目录等； 第三步：将网站分为五个div，网页基本布局的基础； 第四步：网页布局与div浮动等； 第五步：网页主要框架之外的附加结构
