将table边框设置为黑色细线

在开发快递价格时效时,发现添加的表格默认无边框,于是加上边框border='1px',但依然达不到预期的效果


后通过下面的样式实现

.transportTable{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;}
.transportT{border-right:1px solid #888;border-bottom:1px solid #888;padding:1px 1px;}

<table class='transportTable'>

<thead style='background:#AAAAAA;' align='center'>
                   <tr>
                       <td class='transportT'>&nbsp</td>
                       <td class='transportT'><font size="2">运输类型</font></td>
                       <td class='transportT'><font size="2">单价</font></td>
                       <td class='transportT'><font size="2">可提货时效(从发货第二天算起)</font></td>
                       <td class='transportT'><font size="2">运输起价</font></td>
                       <td class='transportT'><font size="2">接货起价</font></td>
                       <td class='transportT'><font size="2">交通运输费</font></td>
                   </tr>
 </thead>

<tbody style='background:FFFFFF;'>
                   <tr>
                       <td class='transportT'><input type="radio" name="" value=""></td>
                       <td class='transportT'><font size="2">精准卡航</font></td>
                       <td class='transportT'><font size="2">重货:2元/公斤<br/>轻货:420元/立方</font></td>
                       <td class='transportT'><font size="2">预计总部可提货时间:2013年7月29日<br/>运行时效2天</font></td>
                       <td class='transportT'><font size="2">40</font></td>
                       <td class='transportT'><font size="2">40</font></td>
                       <td class='transportT'><font size="2">60</font></td>
                   </tr>
               </tbody>
 </table>




猜你喜欢

转载自yangtaohong.iteye.com/blog/1972794