Question

HTML如何让超链接文字周边的区域也能点击跳转?

就像糗事百科首页的导航栏一样，点导航文字可以跳转，但是不点导航文字，只文字所在那个的格子也可以跳转，这个是怎么实现的？

Answer 1

<ul class="nav">
<li><a href="#">记录</a></li>
</ul>
在css这样写就可以 Float属性就是转换为块级元素
.nav li { float:left;width:50px;height:40px;}

Answer 2

这个你可以设置a标签 显示成块级元素 设置宽度 高度 就能够具有大面积点击有效 谢谢

追问

我写的代码是这样的：

记录

CSS应该怎么设置？

Answer 3

这个是文字所在区域设为块元素

追问

具体怎么设置啊，求教。。。

追答

dispaly:block

Answer 4

<a>标签，<ul><li><a>热门</a></li></ul> css:ul li{float:left;width:20px;height:20px;}
还有，<li><a>都是文字的背景

追问

试了一下，可是超链接的区域还是只限于文字，

记录

ul li { float:left;width:50px;height:40px;}
是不是我哪里没写好

追答

帮你写全了，

首页

ul li {
float: left;
width: 50px;
height: 40px;
text-align: center;
background: red;
}
ul li a{
display: inline-block;
width:50px;
height: 40px;
line-height: 40px;
}

Answer 5

加上变成快

追问

加上什么呀？

追答

ul li { float:left;width:50px;height:40px;} 在后面加上显示为块元素就好啦