我最近为我的网站创建了一个表格。使用 HTML，我怎样才能单击其中一个表格数据，以便它会将我重定向到网站上的另一个选项卡。 对于 HTML，表格的编码如下所示:
<body>
<table>
<tbody>
<tr>
<td>Home</td>
<td>Produce</td>
<td>Contact, Location, and Hours</td>
<td>Join The Fresh Fiesta!</td>
</tr>
</tbody>
</table>
对于 CSS，表格编码如下所示:
<style>
table{
border: 8px solid #0080C0;
border-right-width:8px solid #008c0;
width:1090px;
height:70px;
background-color:#0080C0;
text-align:center;
}
td{
width:1090px;
height:40px;
background-color:#4BA0BB;
font-family:'Franklin Gothic Heavy'; font-weight: bold; font-style: italic; text-
decoration: none; font-size: 15pt; color: #008000;
border-radius: 5px;
margin:auto;
text-align:center;
}
</style>
我想知道有没有人能帮我把这个表格改成导航栏。
最佳答案
在 html 中使用表格不是好的设计方法，
- 使用
<ul>
<li><a href="#" class="active">Home</a></li>
<li<a href="#">Produce</a></li>
<li<a href="#">Contact, Location, and Hours</a></li>
<li<a href="#">Join The Fresh Fiesta!</a></li>
</ul>
CSS
ul li
{
display:inline;
}
active
{
background-color:#ff9900;
}
- 如果您使用的是 Html5，则使用 nav sample nav tag
关于html - 如何使用 HTML 将表格转换为导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25215781/