display将a设置成了块状元素为什么背景颜色设置时还是只显示字体部分的背景-慕课网

首页课程实战体系课手记专栏慕课教程

display将a设置成了块状元素为什么背景颜色设置时还是只显示字体部分的背景

来源：4-7 编程练习

慕无忌1013911

2016-07-27 10:51

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>页码的制作</title>

<style>

/*在此定义相关CSS样式*/

div ul li a {

text-decoration:none;

display:inline-block;}

div ul li {

list-style:none;

float:left;

margin:5px;

padding:5px 10px;

border:1px solid #e8e8e8;

}

a:hover,a:active{

background-color:red;

</style>

</head>

<body>

<div>

<ul>

<li><a href="">首页</a></li>

<li><a href="">&lt </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回答

陈小晓

2016-08-06 10:47:54

已采纳

你在li上设置了padding:5px 10px;，导致li与a之间有距离了，把内填充设置到a上就行了

1 0

慕无忌101...

非常感谢！

2016-10-19 19:37:23

共 1 条回复 >
riguangChen

2016-07-27 11:13:33

div ul li a {

text-decoration:none;
display:inline-block;
padding:5px 10px;}
div ul li {
list-style:none;
float:left;

margin:5px;

border:1px solid #e8e8e8;
}


0 0

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

相似问题

背景颜色设置

回答 2

为什么背景不直接设置背景色?

回答 1

背景设置成白色后，看不见图像了

回答 4

背景颜色和背景图片

回答 2

为什么只显示em背景只显示蓝色

回答 2

打开慕课网App查看更多内容