首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

将table边框设置为墨色细线

2013-11-26 
将table边框设置为黑色细线在开发快递价格时效时,发现添加的表格默认无边框,于是加上边框border1px,但

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




热点排行