<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="cjx" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
.font{
font-size:12px;}
a:link{
text-decoration:none;
color:#0000FF;}
a:hover{
color:#FF6633;}
#div2{
background-image:url(images/bg.gif);
background-position:8px -175px;
background-repeat:no-repeat;
width:500px;
height:30px;}
.b1 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #B2D0EA; margin: 0 3px; clear:both;}
.b2 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #EDF7FF; border-right: 2px solid #B2D0EA; border-left: 2px solid #B2D0EA; margin: 0 1px; clear:both;}
.b3 {height: 1px; font-size: 1px; overflow: hidden; display: block; background: #EDF7FF; border-right: 1px solid #B2D0EA; border-left: 1px solid #B2D0EA; margin: 0 1px; clear:both;}
.bc {font-size: 12px; overflow: hidden; display: block; background: #EDF7FF; border-right: 1px solid #B2D0EA; border-left: 1px solid #B2D0EA; margin: 0 0px; clear:both;}
.bt {background: #EDF7FF;margin:0 2px;padding:5px;}
.bb {background: #FFFFFF;margin:0 2px;padding:5px;}
/*
另一种颜色*/
.bb1{background: #B8E7B3;}/*边框线最外层背景颜色*/
.bb2{background: #E7F9E3;border-left-color: #B8E7B3;border-right-color: #B8E7B3;}/*边框线的背景和边框线颜色*/
.bb3{background: #E7F9E3;}/*标题背景颜色*/
</style>
</head>
<body>
<div id="div1">
<div id="div2"> <strong>户外·旅行</strong> <span class="font">>>更多</span>
</div>
<div style="width:360px; height:200px;">
<b class="b1"></b><b class="b2"></b><b class="b3"></b>
<div class="bc">
<div class="bb">
<table style="width:350px; height:50px;">
<tr>
<div style="background-image:url(images/maple.jpg); width:350px; height:135px; background-repeat:no-repeat;">
<div style="width:350px; height:110px;"></div>
<div style="-moz-opacity:0.5;filter:alpha(opacity=50);background-color:#666666;text-align:center; width:330px; height:15px; background-position:10px -785px;"><font style="color:#FFFFFF; font-size:14px;">京秋魅力.相约共赏香山红叶</font></div>
</div>
</tr>
<tr>时间:11月7日 星期六 14:30 </tr><br />
<tr>地点:朝阳区西大望路珠江帝景E区8号楼2单元-201</tr>
<tr>
<td>报名人数：<font style="color:#FF6633;">5</font>/40</td>
<td><font style="color:#FF6633;">7</font>条留言</td>
</tr>
<tr>
<td>休闲活动卡：<font style="color:#FF6633;">0元</font></td>
<td>现金支付：<font style="color:#FF6633;">10元</font></td>
</tr>
</table>
<div style="border-top:1px #ccc dashed;margin-top:6px;padding-top:6px;"></div>
<table style="width:350px; height:100px;">
<tr>
<td>[徒步旅行] <a href="#">Networking Cocktail Party </a></td>
<td><font style="color:#FF6633;">11月4日</font> </td>
</tr>
<tr>
<td>[登山] <a href="#">周六朝外麦乐迪四小时K歌！ 美女</a></td>
<td><font style="color:#FF6633;"> 11月7日</font></td>
</tr>
<tr>
<td>[户外] <a href="#"> 万圣夜和美女僵尸有个约会 </a></td>
<td><font style="color:#FF6633;">10月30日</font></td>
</tr>
<tr>
<td>[外拍] <a href="#">打工江湖玄武派英雄招募会！</a></td>
<td><font style="color:#FF6633;">11月7日</font></td>
</tr>
</table>
</div>
<b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>
</div>
</body>
</html>