将table边框设置为黑色细线

在开发快递价格时效时,发现添加的表格默认无边框,于是加上边框border='1px',但依然达不到预期的效果
[img]http://dl2.iteye.com/upload/attachment/0090/9826/dde8c35b-7574-3a6d-83e4-4972e841afc5.jpg[/img]

后通过下面的样式实现

.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>


[img]http://dl2.iteye.com/upload/attachment/0090/9828/7c538060-4d11-385f-a441-5d8b480c9c99.png[/img]
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值