日期:2014-05-17  浏览次数:20688 次

这种虚线表格要怎么写?

各位高手,这种虚线表格要怎么写?即横线是虚线,其他的是实线

------解决方案--------------------
<style>
table{
     border-collapse: collapse;/* 边框合并属性  */
     border: 1px solid #666666;
 width:200px;
}
th{
     border: 1px solid #666666;
     border-bottom: 1px dashed #666666;
}
td{
     border: 1px solid #666666;
     border-bottom: 1px dashed #666666;
}
</style>
<table>
<tr><th>姓名</th><th>年龄</th></tr>
<tr><td>张三</td><td>24</td></tr>
<tr><td>李四</td><td>25</td></tr>
<tr><td>王五</td> <td>23</td></tr>
</table>

------解决方案--------------------
table{
     border-collapse: collapse;/* 边框合并属性  */
     border: 1px solid #666666;
     width:200px;
}
th{
     border:1px dashed #666666;
     border-right: 1px solid #666666;
}
td{
     border: 1px dashed #666666;
     border-right: 1px solid #666666;
}
这样写IE,firefox,chrome都测试过没问题