我需要一个标题,而不是链接

时间:2015-03-23 17:42:39

标签: html

我正在尝试给表格一个标题,但它不包含在表格中/标题本身没有颜色。我知道错误就是这一行<li><a>Left</a></li>,但我不知道如何包含它。

<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}

a:link, a:visited {
display: block;
font-weight: bold;
color: #FFFFFF;
background-color: #98bf21;
width: 120px;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}

a:hover, a:active {
background-color: #7A991A;
}
</style>
</head>
<body>

<ul>
<li><a>Left</a></li>
<li><a href="#info">Info</a></li>
<li><a href="#contact">Contact</a></li>
</ul>

</body>
</html>

2 个答案:

答案 0 :(得分:0)

我认为这就是你要找的东西:

<li><a href="#">Left</a></li>

答案 1 :(得分:0)

首先,您创建的内容不是table,而是unordered list

话虽如此,您的<a>代码未被设置样式的原因是缺少href="#"属性。

表示 特别是当使用锚标签的唯一原因是因为你现有的CSS。

而是取<li><a>text</a></li>行,将其放在<li><a href="#">Left</a></li>标记之前,然后将其转换为<ul>

然后使用一些额外的CSS来定位并设置div

的样式