HTML 单元格按钮答案

【问题标题】：HTML Cell ButtonHTML 单元格按钮
【发布时间】：2015-04-11 14:32:23
【问题描述】：

我有一个问题，我无法让我的单元格看起来像一个按钮。我使用表格作为导航栏，我希望单元格是一个按钮。

对于 HTML 部分：

<table cellspacing="0" class="maintablewrapper_table01">
            <tr class="maintablewrapper_tr01">
                <th class="maintablewrapper_tr01_th01" colspan="6">Site Header<br><br>Head</th>
            </tr>
            <tr class="maintablewrapper_tr02">
                <td class="tdlink" onclick="window.location('http://www.google.com');">Home</td>
                <td>Producten</td>
                <td>Diensten</td>
                <td>Over ons</td>
                <td>Informatie</td>
                <td>Contact</td>
            </tr>
        </table>

帮助非常感谢

【问题讨论】：

"我使用表格作为导航栏。" ——请不要。导航栏（语义上）是用于导航的链接列表。 HTML 包含用于导航、列表和链接的元素。
您希望它看起来像一个按钮。为此，您需要一些 CSS。哪里是？不过我同意昆汀的观点，不要使用<table> 进行导航。
好的，谢谢，这更像是一个实验。

标签： javascript html html-table href

【解决方案1】：

由于您没有将 CSS 或您希望看到的方式放在这里，我假设是最简单的。

这在最粗略的层面上模拟了您可能想要做的事情。

CSS：

td {
    background:#bada55;
    color:#fff;
    border:10px solid #fff;
    padding:4px 10px;
}

这里是...http://jsfiddle.net/550k4gm4/3/

【讨论】：