企业网站综合布局实战4-7编程练习，为什么鼠标放上去变色的是内容而不是整个盒子呢<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>页码的制作</title><style>/*在此定义相关CSS样式*/.page{ width:100%; height:45px; background:#ccc; }.page ul li{ list-style-type:none; display:inline-block; text-align:center; float:left; border:1px solid;color:#bbb; margin:5px; padding:5px;5px; }.page ul li a:link,.page ul li a:visited{ text-decoration:none; color:#000; }.page ul li a:hover,.page ul li a:active{ color:#bbb; background-color:#DDD; }</style></head><body><!--在此制作页码的基本结构--><div class="page"> <ul> <li><a href="#">首页</a></li> <li><a href="#"><</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">></a></li> <li><a href="#">末页</a></li> </ul> </div></body></html>
2 回答
liaozixing007
TA贡献2条经验 获得超1个赞
自己找到了问题，我没有写a标签里的内容，给了a标签的行高和宽高背景颜色里面才能有它，没有写的话就只有默认内容的大小了。
.nav a{
height:70px;
width:100px;
display:inline-block;
text-align:center;
}
- 2 回答
- 0 关注
- 1291 浏览
添加回答
举报
0/150
提交
取消