HTML单元格按钮

-4

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

对于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>

帮助非常感谢

来源

2015-02-11 Floris

“我用一个表作为导航栏”。 - 请不要。导航栏（语义上）是用于导航的链接的列表。 HTML包含导航，列表和链接元素。 – Quentin 2015-02-11 09:25:37

你想让它看起来像一个按钮。你需要一些CSS。哪里是？不过，我同意昆汀的观点，不要使用'

'进行导航。 – putvande2015-02-11 09:27:08

好的，谢谢，这更多的是一个实验。 – Floris 2015-02-11 09:29:53

回答

因为你没有把你的CSS在这里，或者你会如何想看到它，我假设最简单的。

这样，在最粗糙的层面上，模拟您可能想要做的事情。

CSS：

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

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

来源

2015-02-11 09:30:24

HTML单元格按钮

回答

相关问题