插入表格手机端显示无边框的设置办法。 有时候我们进行手机网页模板或者某种H5制作的时候会发现插入表格后,设置border为0,可是显示出来的表格依然边框是显示的;那么如何才能设置手机版表格无边框呢?

表格边框为0,,无边框

如下,我们借助CSS进行设置即可,设置表格的CLASS类名字为:mytable.

<table cellspacing="0" border="0" cellpadding="0" class="mytable">
    <tbody>
        <tr class="firstRow">
            <td width="34.2%" valign="top" style="word-break: break-all;" height="92">
                <img src="*/e09pr0N09NMZApKkUFa9m6i5K9rK6M.png" width="100%" alt="图标_01.png"/>
            </td>
            <td width="34.97%" valign="top" style="word-break: break-all;" height="92">
                <img src="*/a4DGps4CG44jwGwmLCUsFSD4dWC4W4.png" width="100%" alt="图标_02.png"/>
            </td>
            <td width="30.8%" valign="top" style="word-break: break-all;" height="92">
                <img src="*/MDFfjDFK17L6wdDf1kjg2J0t33Wwkx.png" width="100%" alt="图标_03.png"/>
            </td>
        </tr>
    </tbody>
</table>

然后添加CSS控制代码:

已获得查看权限

<style type="text/css">table.mytable tr:last-child td{ border: 0 }</style>

声明:本站文章除个人原创外,其他内容均为个人搜集整理,如整理过程中侵犯到您的著作权或其他权利,请联系告知,微信/QQ:93547942。