cnblogs/dcrenl/[转载]Css设置table网格线(无重复）.html

<div id="sina_keyword_ad_area2" class="articalContent   ">
<div class="blogzz_abstract borderc" style="padding-top:15px; margin:20px 0; border:none; border-top:1px dotted #ccc">
<div class="blogzz_ainfo" style="margin-bottom:12px"><span style="margin-right:25px"><strong>原文地址：</strong><a target="_blank" target="_blank" href="http://blog.sina.com.cn/s/blog_655e3f720100lipq.html" title="Css设置table网&#26684;线(无重复）">Css设置table网&#26684;线(无重复）</a></span><span><strong>作者：</strong><a target="_blank" href="http://blog.sina.com.cn/u/1700675442" title="依然贰零零柒" target="_blank">依然贰零零柒</a></span></div>
<div class="blogzz_acon">
<div>效果图：</div>
<div><a target="_blank" href="http://photo.blog.sina.com.cn/showpic.html#blogid=4b466ad001011f8w&amp;url=http://s1.sinaimg.cn/orignal/655e3f72g8ce28d989ab0" target="_blank"><img src="http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif" name="image_operate_83651197601350797" width="211" height="87" alt="[转载]Css设置table网&#26684;线(无重复）" title="[转载]Css设置table网&#26684;线(无重复）"></a><br>
</div>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0Transitional//EN&quot;&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
<div>&lt;htmlxmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;</div>
<div>&lt;head&gt;</div>
<div>&lt;meta http-equiv=&quot;Content-Type&quot;content=&quot;text/html; charset=utf-8&quot; /&gt;</div>
<div>&lt;title&gt;table网&#26684;线设置&lt;/title&gt;</div>
<div>&lt;style type=&quot;text/css&quot;&gt;</div>
<div>.table{border-collapse:collapse; font-size:13px; height:24px;line-height:24px; color:#09F; text-align:center;}</div>
<div>.table tr th{background:#36F; color:#FFF; font-size:13px;height:24px; line-height:24px;}</div>
<div>.table tr th.th_border{border-right:solid 1px #FFF;border-left:solid 1px #36F;}</div>
<div>.table tr td{border:solid 1px #36F;}</div>
<div>&lt;/style&gt;</div>
<div>&lt;/head&gt;</div>
<div><br>
</div>
<div>&lt;body&gt;</div>
<div>&lt;table width=&quot;200&quot; border=&quot;0&quot; class=&quot;table&quot;cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;tr&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;thclass=&quot;th_border&quot;&gt;标题一&lt;/th&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;thclass=&quot;th_border&quot;&gt;标题二&lt;/th&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;thclass=&quot;&quot;&gt;标题三&lt;/th&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;/tr&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;tr&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容一&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容二&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容三&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;/tr&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;tr&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容一&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容二&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&lt;td&gt;内容三&lt;/td&gt;</div>
<div>&nbsp;<wbr>&nbsp;<wbr>&lt;/tr&gt;</div>
<div>&lt;/table&gt;</div>
<div>&lt;/body&gt;</div>
<div>&lt;/html&gt;</div>
<div><br>
</div>
</div>
</div>
</div>