仿化龙巷城市生活向导代码(四格)pw8.0

phpwind 8.0 仿化龙巷城市生活向导代码，四格的，现在分享给大家，先看图：

 

以下代码中的图片，自己下载吧，代码如下：

<STYLE TYPE=text/css>
<!--
#focus-c {
FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: hidden; WIDTH: 250px
}
#focus-c .title {
background-color:#EFEAE8;OVERFLOW: hidden; LINE-HEIGHT: 34px; HEIGHT: 34px
}
#focus-c .title H4 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:
#005eac; PADDING-TOP: 6px
}
#focus-c .title H4 IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-RIGHT: 6px; POSITION: relative; TOP: 2px; BORDER-
RIGHT-WIDTH: 0px
}
#focus-c .title .more {
FLOAT: right; MARGIN: 0px 10px 0px 0px
}
#focus-c .title .more A {
COLOR: #333333
}
#focus-c .city_life {
PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 250px; PADDING-TOP: 0px
}
#focus-c .city_life DL {
PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 6px; MARGIN: 5px 0px 0px; OVERFLOW: hidden; PADDING-TOP: 0px; BORDER-BOTTOM:
#d7d7d7 1px dashed; ZOOM: 1
}
#focus-c .city_life DD {
FLOAT: left; MARGIN-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 60px; HEIGHT: 67px; TEXT-ALIGN: center
}
#focus-c .city_life DD A {
DISPLAY: block; WIDTH: 49px; CURSOR: pointer; PADDING-TOP: 5px; HEIGHT: 65px
}
#focus-c .city_life DD A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #333; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#focus-c .city_life DD SPAN {
DISPLAY: block; WIDTH: 60px; TEXT-INDENT: -8000px; HEIGHT: 50px
}
#focus-c .city_life UL {
MARGIN: 6px 0px 4px; WIDTH: 230px; LIST-STYLE-TYPE: none
#focus-c .city_life UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; HEIGHT: 22px;OVERFLOW: hidden
}
#focus-c .city_life UL LI A {
COLOR: #333333
}
-->
</STYLE>
<div id=focus-c>
<div class=title>
<h4><img src=p_w_picpath/life.gif />九亭生活向导</h4>
</div>
<div class=city_life>
<dl>
<dd><a href=http://www.jiuting365.com/thread.php?fid-2.html ><img src=p_w_picpath/icon/01.jpg /><br />
茶座</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-17.html ><img src=p_w_picpath/icon/02.jpg /><br />出租</a>
</dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-16.html ><img src=p_w_picpath/icon/20100728034556.jpg /><br />
二手</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-18.html ><img src=p_w_picpath/icon/20100728052359.jpg /><br />
交友</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-9.html ><img src=p_w_picpath/icon/03.jpg /><br />亲子</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-10.html ><img src=p_w_picpath/icon/20100728052421.jpg /><br />
装修</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-12.html ><img src=p_w_picpath/icon/20100728052434.jpg /><br />
婆媳</a> </dd>
<dd><a href=http://www.jiuting365.com/thread.php?fid-6.html ><img src=p_w_picpath/icon/20100728034056.jpg /><br />美
食</a> </dd>
</dl>
<ul><li>
<iframe src=http://m.weather.com.cn/m/pn7/weather.htm?id=101020900T width=180 height=30 marginwidth=0 marginheight=0
hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</li></ul>
</div>
</div>