成就感。有没有。
html:
<!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>
<link href="untitled1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="top">
<div class="container">
<table width="1464" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="563"><img src="images/集美新城_04.jpg" width="79" height="31" /></td>
<td width="901">首页-新闻排行-西岸社区-榕树大院-福建-台湾-国内-国际-评论-娱乐-健康</td>
</tr>
</table>
</div>
</div>
<div class="container">
<div><img src="images/集美新城_09.jpg" width="971" height="222" /></div>
<div class="banner">
<ul>
<li><a href="#" class="select" >首 页</a></li>
<li><a href="#" class="select" >集 美</a></li>
<li><a href="#" class="select" >海 沧</a></li>
<li><a href="#" class="select" >同 安</a></li>
<li><a href="#" class="select" >翔 安</a></li>
</ul>
</div>
<div class="main1">
<div class="left1">
<div class="l1bg">
<div class="textkk">
<div class=font-1>厦:大润发忽悠顾客 首个排队买促销空调遭遇"没货" </div>
<div> 厦门连日高温,大润发商场借此机会推出空调降价促销活动。7日是活动第一天,很多顾客早早来到现场排队,却被告知空调已售完。厦门连日高温,大润发商场借此机会推出空调降价促销活动。7日是活
第一天 [详细]
</div>
<div class=font-1>厦:大润发忽悠顾客 首个排队买促销空调遭遇"没货" </div>
<div> 厦门连日高温,大润发商场借此机会推出空调降价促销活动。7日是活动第一天,很多顾客早早来到现场排队,却被告知空调已售完。厦门连日高温,大润发商场借此机会推出空调降价促销活动。7日是活
第一天 [详细]
</div>
</div>
</div>
<div class="l1kk">
<table width="576" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li class="l1l">第四届福建艺术节京剧展演关键词解读 </li>
<li class="l1l">福建艺术节各单项展演评选揭晓 福州获30多个奖项解读 </li>
<li class="l1l">陈桦等省领导与榕城观众观看《孙安动本》 </li>
<li class="l1l">福建元素惊艳中国戏剧节 三部闽剧作品获最高奖项 </li>
<li class="l1l">第十一届中国戏剧节昨落幕 厦门市政府获“突出贡献奖” </li>
<li class="l1l">八闽艺苑写华章——第四届福建艺术节综述 </li>
<li class="l1l">中国戏剧节第二次点评会召开 《阿搭嫂》获好评 </li>
<li class="l1l">第四届福建省艺术节今晚闭幕 </li>
<li class="l1l">第四届福建艺术节京剧展演关键词解读 </li>
<li class="l1l">福建艺术节各单项展演评选揭晓 福州获30多个奖项 </li>
<li class="l1l">陈桦等省领导与榕城观众观看《孙安动本》</li>
<li class="l1l">福建元素惊艳中国戏剧节 三部闽剧作品获最高奖项 </li>
</ul></td>
<td><ul>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
<li>海投绿苑新城</li>
</ul></td>
</tr>
</table>
</div>
</div>
<div class="right">
<div class="right1">
<div class="font-2">基本情况</div>
<div style="color:#000"><b style="color:#003399">奠基:</b>2010年2月25日</div>
<div style="color:#000"><b style="color:#003399">新城规划:</b>“一心四片”的蝶形发展格局</div>
<div style="color:#000"><b style="color:#003399">十大项目:</b>科技园、西亭中心区纵三路、西亭安置房、体育公园、厦门市水上运动中心、集美中学附属学校、杏林湾商务营运中心、住宅•园博一号、住宅•莲花新城、圣果院商业中心、华大西商业街、杏西广场、侨英商业广场</div>
</div>
<div class="right2"><img src="images/jmxc_17.jpg" width="359" height="40" />
<img src="images/集美新城_22.jpg" width="360" height="270" /></div>
</div></div>
<div class="kk1">
<div class="jsxm"> </div>
<div class="kk2">
<table width="932" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧体育中心</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧CBD</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧市民公园</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
</tr>
<tr>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧体育中心</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧CBD</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
<td><center><img src="images/集美新城_26.jpg"></center><center><b>海沧市民公园</b></center> 位于海沧大道内侧。总规划面积为1平方公里左右,
<p>一期工程占地10万平方米.</td>
</tr>
</table>
</div></div>
<div class="heng1">
<div class="jxht1">
<img src="images/jmxc_29.jpg" width="619" height="41" />
<div class="font-1">厦:大润发忽悠顾客 首个排队买促销空调遭遇"没货" </div>
<div> 厦门连日高温,大润发商场借此机会推出空调降价促销活动。很多顾客早早来到现场排队,却被告知完。 连日高温,大润发商场借此机会推出空调降价促销活动。7日是活动第一天 [详细] </div>
<div class=xian><img src="images/集美新城_36.jpg" width="585" height="5" /></div>
<div class="dian">
<div class="tab">
<table width="590" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><ul>
<li>原水迁改工程:原经过海堤的水管渠必须迁改 </li>
<li>海堤内侧修建“防水屏障”</li>
<li>海堤开口改造:建一座总长335米的智能水闸</li>
<li>改造后的集杏海堤将变身双向6车道的景观道</li>
<li>海堤火车道规划为双线轻轨</li>
</ul></td>
<td><ul>
<li>原水迁改工程:原经过海堤的水管渠必须迁改 </li>
<li>海堤内侧修建“防水屏障”</li>
<li>海堤开口改造:建一座总长335米的智能水闸</li>
<li>改造后的集杏海堤将变身双向6车道的景观道</li>
<li>海堤火车道规划为双线轻轨</li>
</ul></td>
</tr>
</table>
</div></div>
</div>
<div class="jxhtr">
<div class="img"> <img src="images/集美新城_32.jpg" width="316" height="159" />
</div>
<div> 厦门海堤于前不久“光荣退休”。为纪念海堤建设、弘扬“海堤精神”,厦 门市将在高集海堤与集美滨海路交界处建设海堤纪念公园</div>
</div></div>
<div class="zz">
<div><img src="images/jmxc_40.jpg" width="971" height="40" /></div>
<div class="zzz">
<div class="zza"> <div class="zzta"> 污物排放:1头猪=5个人 </div>
<div class="zzta1"> 一头猪的污染物排放量相当于5个人的排放量,集美区现有存栏生猪30多万头,每天排放量相当于150万人口的排放量。
集美区有“一库二湾三溪”:“一库”指的是坂头—石兜水库,这是厦门重要的饮用水源,但目前这里的水质已严重恶化,无法达到饮用水源标准;“二湾”是杏林湾和马銮湾,是集美区新城建设的亮点,如果这两湾的水不保护、不整治,使其成为污水,住在湾畔,呼吸的是恶臭空气,新城再美也会失去魅力;“三溪”指的是后溪、深青溪和瑶山溪,近年来水环境质量不容乐观。
</div></div>
<div class="zzb"> <div class="zztb"> 污物排放:1头猪=5个人 </div>
<div class="zztb1"> 一头猪的污染物排放量相当于5个人的排放量,集美区现有存栏生猪30多万头,每天排放量相当于150万人口的排放量。
集美区有“一库二湾三溪”:“一库”指的是坂头—石兜水库,这是厦门重要的饮用水源,但目前这里的水质已严重恶化,无法达到饮用水源标准;“二湾”是杏林湾和马銮湾,是集美区新城建设的亮点,如果这两湾的水不保护、不整治,使其成为污水,住在湾畔,呼吸的是恶臭空气,新城再美也会失去魅力;“三溪”指的是后溪、深青溪和瑶山溪,近年来水环境质量不容乐观。
</div></div>
<div class="zzc"> <div class="zztc"> 污物排放:1头猪=5个人 </div>
<div class="zztc1"> 一头猪的污染物排放量相当于5个人的排放量,集美区现有存栏生猪30多万头,每天排放量相当于150万人口的排放量。
集美区有“一库二湾三溪”:“一库”指的是坂头—石兜水库,这是厦门重要的饮用水源,但目前这里的水质已严重恶化,无法达到饮用水源标准;“二湾”是杏林湾和马銮湾,是集美区新城建设的亮点,如果这两湾的水不保护、不整治,使其成为污水,住在湾畔,呼吸的是恶臭空气,新城再美也会失去魅力;“三溪”指的是后溪、深青溪和瑶山溪,近年来水环境质量不容乐观。
</div></div>
</div></div>
<div class="bottom">
<div class="bottoml">
<div class="bottomlbg"> 说说集美 </div>
<div class="bkk">
<div class="bkkl">
昵称 <input name="" type="text" /></br>
<textarea name="textarea" cols="" rows="" style="width:290px; height:86px; margin-top:10px; margin-bottom:20px;"></textarea>
</br>
</br>
<div class="tp"><img src="images/集美新城_60.jpg" width="70" height="25" />
<img src="images/集美新城_62.jpg" width="70" height="25" /></div></div>
</div>
<div class="bkkr">
<div class="bkkr1">昵称:飞行客 2010-6-20 18:41:47 </div>
<div class="bkkr2">看不了直播 播放器变成quicktime了 </div>
<div class="bkkr1">昵称:飞行客 2010-6-20 18:41:47 </div>
<div class="bkkr2">看不了直播 播放器变成quicktime了 </div>
<div class="bkkr1">昵称:飞行客 2010-6-20 18:41:47 </div>
<div class="bkkr2">看不了直播 播放器变成quicktime了 </div>
<div class="bkkr1">昵称:飞行客 2010-6-20 18:41:47 </div>
<div class="bkkr2">看不了直播 播放器变成quicktime了 </div>
</div>
</div>
<div class="bottomr">
<div class="bottomrbg">杏林湾:打造厦门版“西湖”</div>
<div class="bkk2"><img src="images/集美新城_57.jpg" width="338" height="230" /></div>
</div> </div>
<div class="last">关于东南网 - 广告服务 -东南网广告价 - 联系我们 - 法律顾问 - 友情链接 - 网上订报 - 给我留言 - 投稿邮箱 - 版权所有</div>
<div class="last">Copyright 2008-2010 fjnet Corporation, All Rights Reserved 国新办发函[2001]232号 闽ICP备案号(闽ICP备05022042号) 广播电视节目制作经营许可证(闽)</div>
<div class="last">字第085号</div>
<div class="last">信息网络传播视听节目许可 许可证号:1310572 《中国互联网视听节目服务自律公约》</div>
<div class="last">主办:福建日报报业集团 未经许可不得建立镜像</div>
</div>
</div>
</div>
</body>
</html>
css:
@charset "utf-8";
/* 通用样式 */
div, table, form, ul, ol, li, dl, dt, img, dd, tr, span, input, select, img, p {margin:0 ;padding:0;}
h1,h2, h3, h4, h5, h6, h7{padding:0px;margin:0px;}
body {font-size:12px; font-family:"宋体"; color:#333333; background:#FFFFFF;margin:0 auto;text-align:center;}
a {text-decoration:none; color:#333333}
a:hover{color:#CC0000;}
ul li{list-style:none;}
img {border:none;}
input, select {color:#666666;font-size:12px;vertical-align:middle; text-align:left;}
input[type=text], input[type=password] {height:18px;}
/* 页面总宽度 */
.container{text-align:left;margin:0 auto;width:970px;height:auto; line-height:24px;}
.top-ad{ margin:10px 0 10px 0;}
/* 尾部 */
.foot{text-align:center;line-height:22px;clear:both; margin-top:10px;margin-bottom:20px; color:#333333;}
/* banner */
.top{background:url(images/jmxc_02.jpg) repeat-x;width:1464;height:29;}
.banner{background:url(images/jmxc_11.jpg) no-repeat; width:971px; height:31px;margin-bottom:10px;text-align:right; padding:2px 0 0 555px;}
.banner ul li{display:block;float:left;}
.banner li{ width:80px;}
.select{color:#FFF;font-weight:bold;font-size:14px;}
/* main */
.main1{width:970px; height:518px;}
.left1{width:607px;height:520px; float:left;}
.l1bg{background:url(images/jmxc_13.jpg) no-repeat; width:607px;height:204px;}
.textkk{width:544px; height:190px;padding:7px 30px 7px 30px;}
.l1kk{width:577px;height:285px;border-left:#AACBEE 1px solid;border-bottom:#AACBEE 1px solid;padding:15px 15px 15px 15px;}
.l1l{background:url(images/jmxc_19.jpg) no-repeat 2px 7px;font-size:14px;padding-left:15px;}
.l1r ul li{font-size:14px;}
.font-1{font-size:14px; font-weight:bold; color:#003399;text-align:center;}
.right{width:362px; height:518px;float:right;}
.right1{background:url(images/jmxc_15.jpg) no-repeat;float:right; width:322px; height:168px;padding:7px 25px 30px 15px;border-right:#AACBEE 1px solid;}
.right2{background:#EAF7FF ; width:359px; height:313px; border:#AACBEE 1px solid;clear:both;}
.kk1{width:968px;height:508px; border-left:#AACBEE 1px solid;border-right:#AACBEE 1px solid;border-bottom:#AACBEE 1px solid;margin-top:10px;margin-bottom:10px; clear:both;}
.kk2{width:928px;height:449px;padding:10px 20px 10px 20px;}
.jsxm{background:url(images/jmxc_23.jpg) no-repeat;width:970px; height:43px;}
.kk3{width:627px;height:274px; border-top:#AACBEE 1px solid;border-left:#AACBEE 1px solid; border-bottom:#AACBEE 1px solid; margin-bottom:10px;}
.kk4{width:605px;height:214px;padding:10px 10px 10px 10px;}
.heng1{width:973px;height:273px;margin-top:15px;}
.jxht1{width:618px; height:271px; border-left:#AACBEE 1px solid; border-bottom:#AACBEE 1px solid;float:left;}
.jxht{background:url(images/jmxc_26.jpg) repeat-x;width:625px;height:40px;}
.xian{padding-top:5px; padding-bottom:5px;}
.dian ul li{background:url(images/jmxc_19.jpg) no-repeat 2px 7px;font-size:14px;padding-left:15px;}
.tab{width:596px;height:131px;padding:10px 5px 10px 5px;}
.jxhtr{background:#EAF7FF; width:352px; height:266px; border-top:#AACBEE 5px solid; border-left:#AACBEE 1px solid; border-right:#AACBEE 1px solid; border-bottom:#AACBEE 1px solid;float:right;}
.img{padding:10px 5px 5px 10px;margin-bottom:10px;}
.zz{width:971px; height:376px;margin-top:15px; border:#AACBEE 1px solid; clear:both;}
.zzz{width:943px; height:318px; padding:7px 15px 10px 15px;}
.zza{ width:295px;height:307px;float:left;}
.zzta{background:url(images/jmxc_43.jpg) no-repeat;width:295px;height:32px;marging-bottom:15px;font-size:14px;font-weight:bold;border-right:#BEE3F6 1px solid; }
.zzta1{background::#EAF7FF; width:280; height:280px;;padding:7px 7px 7px 7px; }
.zzb{ width:295px;height:307px;float:left;margin-left:23px;}
.zztb{background:url(images/jmxc_45.jpg) no-repeat;width:295px;height:32px;marging-bottom:15px;font-size:14px;font-weight:bold; border-right:#C0D49B 1px solid; }
.zztb1{width:280; height:280px;;padding:7px 7px 7px 7px; }
.zzc{ width:295px;height:307px;float:right;margin-left:20px;margin-right:10px;}
.zztc{background:url(images/jmxc_47.jpg) no-repeat;width:295px;height:32px;marging-bottom:15px;font-size:14px;font-weight:bold; border-right:#F7DAA1 1px solid; }
.zztc1{background::#EAF7FF; width:280; height:280px;;padding:7px 7px 7px 7px; }
.bottom{width:970px; height:297px; margin-top:15px;}
.bottoml{width:604px; height:295px;margin-right:15px;border:#AACBEE 1px solid; float:left;}
.bottomlbg{background:url(images/jmxc_53.jpg) repeat-x;border-bottom:#AACBEE 1px solid;width:58px; height:17px; font-weight:bold; color:#003399;padding:10px 523px 10px 23px;}
.bkk{width:602px;width:256px;}
.bkkl{background:#EAF7FF; width:288px;height:161px; padding:27px 10px 68px 10px;border-right:#AACBEE 1px solid;float:left;}
.tp{padding-left:72px;margin-right:15px;}
.bkkr{width:293px;height:256px;float:right;}
.bkkr1{background:#EAF7FF; width:293px; height:27px;font-size:14px;text-align:left;padding-top:5px;}
.bkkr2{width:293px; height:27px;font-size:14px;text-align:left;padding-top:5px;}
.bottomr{width:346px; height:295px; float:right;border:#AACBEE 1px solid; margin-bottom:40px;}
.bottomrbg{background:url(images/jmxc_53.jpg) repeat-x; border:#AACBEE 1px solid;width:176px; height:20px; font-weight:bold; color:#003399;padding:10px 147px 10px 23px;}
.bkk2{width:384px; height:225px; padding:15px 5px 15px 5px;}
.last{clear:both; text-align:center;}