|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="body.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { margin:0; padding:0; color: #000000; } --> </style> <style type="text/css"> <!-- #top{ width:760px; height:8px; background:#65a9e6; } #header{ width:760px; height:270px; margin:0 auto 18px auto; } #header #logoarea{ float:left; width:760px; height:80px; background:#f90; } #header #banner { float:left; width:760px; height:190px; background:#0c6; } #main {witdh:760px; margin:0 auto; } #main #container { float:left; width:760px; margin-bottom:18px; background:#09f; } #main #linkarea{ float:left; width:760px; background:#6c6; } #show #main #container { float:left; width:510px; margin:0px; background:#09f; } #show #main #linkarea { float:left; width:240px; background:#6c6; } #footer{ float:left; width:740px; height:40px; margin:18px auto 0 auto; background:#f90; } --> </style> <style type="text/css"> <!-- .clear { clear:both; } --> </style> </head> <body id="home">
{ <div id="top"> <div id="logoarea"><h3><a href="#" title="从hello world 开始">hello world</a></h3></div> <div id="banner"></div> </div> <div id="main"> <div id="container"><h1><a href="#" title="">给DIV CSS初学者的建议</a></h1> <p>文章内容。。。。。。</p> <p>文章内容。。。。。。</p> <p>文章内容。。。。。。</p> <h6>作者：MrJin 日期：2008—01—01</h6> <p>文章内容索引。。。。。。<a href="#" title="">详情>>></a></p> </div> <div id="linkarea"> <dl id="artitle"> <dt><a href="#"><img src="20100908210637975.png" alt="" title=""/></a></dt> <dd>文字介绍。。。<a href="#" target="">详情>>></a></dd> </dl> <dl id="showcase"> <dt><a herf="#"><img src="20100908210632794.png" alt="" width="128" height="128" title=""/></a></dt> <dd>文字介绍。。。<a href="#" target="">详情>>></a></dd> </dl> <dl id="artitle"> <dt><a herf=""><img src="20100908210636449.png" alt="" width="128" height="128" title=""/></a></dt> <dd>文字介绍。。。<a href="#" target="">详情>>></a></dd> </dl> </div> </div> </body> </html>
|
|
|
