为什么添加了table summary 标签之后表格的边框没有了?
没有添加table summary 标签的表格显示结果,如上图:
添加table summary 标签之后的表格显示结果,边框没有了,如上图:
添加table summary的代码,如上图:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>table代码</title> <link rel="stylesheet" href="css/self-learn-style.css" /> </head> <body> <table> <table summary="本表格主要介绍了3号4号的基金基本情况。"> <caption>2014年04月03号-2014年04月04号基金情况</caption> <tr><!--表头--> <tr class="th"><!--表头第一行--> <td rowspan="2">序号</td> <td rowspan="2"><a href="#">基金代码</a></td> <td rowspan="2">简称</td> <td rowspan="2">相关链接</td> <td colspan="2">2014-04-04</td> <td colspan="2">2014-04-03</td> <td rowspan="2"><a href="#">日增长值</a></th> <td rowspan="2"><a href="#">日增长率</a></td> <td rowspan="2">申购状态</td> <td rowspan="2">优惠费率</td> <td rowspan="2">操作</th> </tr><!--表头第一行--> <tr class="th"><!--表头第二行--> <td><a href="#">单位净值</a></td> <td><a href="#">累计净值</a></td> <td><a href="#">单位净值</a></td> <td><a href="#">累计净值</a></td> </tr><!--表头第二行--> </tr><!--表头--> <tr class="t1"><!--第一行--> <td>1</td> <td><a href="#">229002</a></td> <td><a href="#">泰达宏利逆向股票</a></td> <td><a href="#" class="gst">估算图</a> <a href="#">基金吧</a> <a href="#">档案</a></td> <td>1.1230</td> <td>1.1230</td> <td>1.0930</td> <td>1.0930</td> <td class="v">0.0300</td> <td class="v">2.74%</td> <td>开放申购</td> <td class="f4"><b><i>4 </i></b>折</td> <td><input type="button" value="购买" class="gm"/></td> </tr><!--第一行--> <tr class="t2"><!--第二行--> <td>2</td> <td><a href="#">54008</a></td> <td><a href="#">汇丰晋心低碳先锋</a></td> <td><a href="#" class="gst">估算图</a> <a href="#">基金吧</a> <a href="#">档案</a></td> <td>1.1161</td> <td>1.2161</td> <td>1.0934</td> <td>1.1934</td> <td class="v">0.0227</td> <td class="v">2.08%</td> <td>开放申购</td> <td class="f4"><b>4</b>折</td> <td><input type="button" value="购买" class="gm"/></td> </tr><!--第二行--> </table> </body> </html>