<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- body,td,th { font-size: 16px; color: #000000; } body { margin-top: 10px; } .STYLE1 {color: #000000} .STYLE2 {color: #00FFFF} --> </style></head> <link href="index.css" rel="stylesheet"/> </head> <body> <div class="main"> <div class="menu"> <ul> <li class="current"><a href="">首页</a></li> <li><a href="">餐饮美食</a></li> <li><a href="">休闲娱乐</a></li> <li><a href="">美容美发</a></li> <li><a href="">关于我们</a></li> <li><a href="">收藏我们</a></li> <li><a href="">登录</a></li> <li><a href="">注册</a></li> </ul> </div> <div class="ad"><img src="images/banner_l1.gif" /></div> <div> <div class="left"> <img src="images/banner.gif" width="475" /> </div> <div class="right"> <img src="images/2013050315234570697.gif" width="475" /> </div>
</div> <div> <div class="left1"> <img src="images/2013051314293280059.gif" width="475"/> </div> <div class="right1"> <img src="images/banner.gif" width="475"/> </div> </div> <div class="left2"><p id="green">推荐<span class="STYLE1">商家</span></p> <ul> <li>大丰收鱼庄（福州店）地址：台江万象城4楼</li> <li>合作伙伴2</li> <li>合作伙伴3</li> <li>合作伙伴4</li> <li>合作伙伴5</li> <li>合作伙伴6</li> <li>合作伙伴7</li> <li>合作伙伴8</li> <li>合作伙伴9</li> <li>合作伙伴10</li> </ul> <input name="" type="image" src="images/reading.gif" border="0" /> <div> <p id="green">餐饮<span class="red">美食</span></p> <ul> <li>大丰收鱼庄（福州店）</li> <li>合作伙伴2</li> <li>合作伙伴3</li> <li>合作伙伴4</li> <li>合作伙伴5</li> <li>合作伙伴6</li> <li>合作伙伴7</li> <li>合作伙伴8</li> <li>合作伙伴9</li> <li>合作伙伴10</li> </ul> <input name="" type="image" src="images/reading.gif" border="0" /> </div> <div><p id="green">休闲<span class="STYLE1">娱乐</span></p> <ul> <li>大丰收鱼庄（福州店）</li> <li>合作伙伴2</li> <li>合作伙伴3</li> <li>合作伙伴4</li>
<li>合作伙伴5</li> <li>合作伙伴6</li> <li>合作伙伴7</li> <li>合作伙伴8</li> <li>合作伙伴9</li> <li>合作伙伴10</li> </ul> <input name="" type="image" src="images/reading.gif" border="0" /></div> <div><p id="green">美容<span class="STYLE1">美发</span></p> <ul> <li>大丰收鱼庄（福州店）</li> <li>合作伙伴2</li> <li>合作伙伴3</li> <li>合作伙伴4</li> <li>合作伙伴5</li> <li>合作伙伴6</li> <li>合作伙伴7</li> <li>合作伙伴8</li> <li>合作伙伴9</li> <li>合作伙伴10</li> </ul> <input name="" type="image" src="images/reading.gif" border="0" /></div> </div> <div class="mid"> <table width="1000" border="0" cellspacing="60"> <tr> <td height="260"><img src="images/t7.jpg" width="200"/></td> </tr> <tr> <td height="300"><span class="last"><img src="images/t6.jpg" width="200"/></span></td> </tr> <tr> <td height="250"><img src="images/t5.jpg" width="200"/></td> </tr> <tr> <td height="300"><img src="images/t4.jpg" width="200"/></td> </tr> </table> </div> <div class="right2"> <div class="D"><ul> <li> </li> </ul></div> <div class="d"></p><p class="red">餐饮<span class="STYLE2">美食</span></p>
<ul> <li>火锅</li> <li>私房菜</li> <li>川菜</li> <li>粤菜</li> <li>自助</li> <li>大排档</li> </ul> </div> <div class="A"><ul> <li> </li> </ul></div> <div class="a"><p class="red">休闲<span class="STYLE2">娱乐</span></p> <ul> <li>Home</li> <li>TemplateInfo</li> <li>Style Demo</li> <li>Blog</li> <li>Archives</li> <li>Web Templates</li> </ul> </div> <div class="B"><ul> <li> </li> </ul></div> <div class="b"><p class="red">美容<span class="STYLE2">美发</span></p> <ul> <li>Home</li> <li>TemplateInfo</li> <li>Style Demo</li> <li>Blog</li> <li>Archives</li> <li>Web Templates</li> </ul> </div> <div class="C"><ul> <li> </li> </ul></div> <div class="c"><p class="red">网站<span class="STYLE2">信息</span></p> <ul> <li>总会员数</li> <li>新增会员数</li> <li>在线会员数</li> <li>单日访问量</li> <li>总访问量</li
</ul> </div> </div> <div class="last"> <table width="950" border="0" cellpadding="14.9" cellspacing="15" bgcolor="#CC6600"> <tr> <td width="190"><img src="images/t1.jpg" /> 樱桃采摘 </td> <td width="190"><img src="images/t2.jpg" /> 悦木之源</td> <td width="190"><img src="images/t3.jpg" /> 串串传奇</td> <td width="193"><img src="images/t4.jpg" /> 刷刷锅</td> </tr> <tr> <td><img src="images/t5.jpg" width="190" /> 香格里拉</td> <td><img src="images/t6.jpg" width="190" /> 穿衣汇</td> <td><img src="images/t7.jpg" width="190" /> 厨房印象</td> <td><img src="images/t8.jpg" width="190" /> 膳园</td> </tr> </table> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ .main{ 950px; border:solid 1px;} .main .menu{100%; height:75px; background:url(images/main_bg2.jpg)} .main .menu ul{ list-style:none;margin-left:0px; padding-left:0px} .main .menu ul li{float:left; margin-left:5px; 110px; height:50px;padding-top:25px; text-align:center} .main .menu ul li a:link{color:#FFFFFF; text-decoration:none} .main .menu ul li a:visited{color:#FFFFFF; text-decoration:none} .main .menu ul li a:hover{ font-weight:bold}
.current{ background:url(images/l_menu.gif)} .main .ad{95%} .main .left{float:left} .main .right{float:left} .main .left1{float:left} .main .right1{float:left} .main .left2{float:left;40%} .main .left2 ul{list-style:none} .main .left2 ul li{border-bottom:dotted 1px} .main .mid{float:left;30%} .main .right2{float:right;30%} .main .right2 .a{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid} .main .right2 .b{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid} .main .right2 .c{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid} .main .right2 .d{border-bottom-color:#CCCCCC;border-left-color:#CCCCCC;border-top-color:#CCCCCC;border-bottom-style:solid;border-left-style:solid;border-top-style:solid} .main .right2 .A ul{list-style:none} .main .right2 .B ul{list-style:none} .main .right2 .C ul{list-style:none} .main .right2 .D ul{list-style:none} .main .right2 .a ul li{border-bottom:dotted 1px} .main .right2 .b ul li{border-bottom:dotted 1px} .main .right2 .c ul li{border-bottom:dotted 1px} .main .right2 .d ul li{border-bottom:dotted 1px} #green{font-size:24px;color:#00FFFF} .red{font-size:24px;color:#000000}