投稿 评论 顶部
 手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏

自适应Table表格样式代码:一款简单漂亮的自适应超级链接表格代码

佚名 常用代码

html实战中,表格的表现形式是常常遇到的,在列数有限的前提下,如何将各列中的内容自适应到不同的终端呢?请看

自适应Table表格样式代码:一款简单漂亮的自适应超级链接表格代码,实战如下:

好运论坛 好运论坛 好运论坛 好运论坛 好运论坛
好运论坛 好运论坛 好运论坛 好运论坛 好运论坛
一款好运论坛发布的简单的自适应超链接表格代码分享给大家参考!

原完整代码复制即可使用,如下:

<table class="ke-zeroborder" style="border-right:#eaeaea 1px solid;border-top:#eaeaea 1px solid;margin-top:5px;border-left:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid;" cellspacing="0" cellpadding="0" width="100%">
<colgroup span="5" align="middle" width="20%"> <col /></colgroup> <tbody>
<tr>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
</tr>
<tr>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
<td style="padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top:3px;" align="middle"><a style="color:#b5b1b4;" href="http://www.haoyunluntan.com" target="_blank">好运论坛</a> </td>
</tr>

<tr>
<td style="padding-right:6px;padding-left:6px;background:#f2f2f2;padding-bottom:6px;padding-top:6px;text-align:left;" colspan="5">一款好运论坛发布的简单的自适应超链接表格代码<a href="http://www.haoyunluntan.com" style="color:#b5b1b4;" target="_blank">分享给大家参考!</tr>
</tbody>
</table>


——自适应Table表格样式代码丨一款简单漂亮的自适应超级链接表格代码——