急急,请问css中li边框的问题?
急急,请问css中li边框的问题?<html><head><title></title><styletype="text/css">ul{list-style-type:...
急急,请问css中li边框的问题?
<html>
<head>
<title></title>
<style type="text/css">
ul{
list-style-type:none;
}
li{
height:30px;
float:left;
margin-right:3px;
border:1px solid red;
}
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
}
li a:link,li a:visited{
color:black;
font-family:arial;
}
</style>
</head>
<body>
<ul>
<li id="a"><a href="a.html">1html</a></li>
<li id="b"><a href="b.html">2html</a></li>
<li id="c"><a href="c.html">3html</a></li>
<li id="d"><a href="d.html">4html</a></li>
</ul>
</body>
</html>
急,为什么我一加上li a:link,li a:visited{color:black;font-family:arial;}在火狐中li的底边就跑没了
而在ie中就不会啊?怎么回事啊? 展开
<html>
<head>
<title></title>
<style type="text/css">
ul{
list-style-type:none;
}
li{
height:30px;
float:left;
margin-right:3px;
border:1px solid red;
}
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
}
li a:link,li a:visited{
color:black;
font-family:arial;
}
</style>
</head>
<body>
<ul>
<li id="a"><a href="a.html">1html</a></li>
<li id="b"><a href="b.html">2html</a></li>
<li id="c"><a href="c.html">3html</a></li>
<li id="d"><a href="d.html">4html</a></li>
</ul>
</body>
</html>
急,为什么我一加上li a:link,li a:visited{color:black;font-family:arial;}在火狐中li的底边就跑没了
而在ie中就不会啊?怎么回事啊? 展开
3个回答
展开全部
解决方法一:把li a:link,li a:visited{color:black;font-family:arial;}里面的font-family:arial去掉即可;由于font-family:arial的字体高使a高度超出li的高,所以在FF里底边没有了,而ie允许这个错误所以底边还在;
解决方法二:给a一个高 例:
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
line-height:18px;
}
解决方法三:给li增加高,并且给a字体高 例:
li{
height:35px;
float:left;
margin-right:3px;
border:1px solid red;
}
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
line-height:23px;
}
解决方法二:给a一个高 例:
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
line-height:18px;
}
解决方法三:给li增加高,并且给a字体高 例:
li{
height:35px;
float:left;
margin-right:3px;
border:1px solid red;
}
li a{
text-decoration:none;
display:block;
background:yellow;
padding:6px;
line-height:23px;
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
恩，楼上说的很对。
所以我就没有必要在解释了。。。
所以我就没有必要在解释了。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
恩，一楼说的很对。
所以我就没有必要在解释了。。。
所以我就没有必要在解释了。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
