Div和CSS的border-top的问题，应该不难，求大家帮忙。
我的网页字下沉，怎么让他不下沉两幅图都使用border-top来实现，分析图一的CSS半天没分析出来怎么实现的已解决，之前被li迷惑住了，没有注意到a中间有类，其实只要设...
我的网页字下沉，怎么让他不下沉
两幅图都使用border-top来实现，分析图一的CSS半天没分析出来怎么实现的
已解决，之前被li迷惑住了，没有注意到a中间有类，其实只要设置a:hover的border-top就行了，谢谢大家耐心地解答，由于只能采纳一个最佳答案，所以不能三个人都采纳，但都赞同了。 展开
两幅图都使用border-top来实现，分析图一的CSS半天没分析出来怎么实现的
已解决，之前被li迷惑住了，没有注意到a中间有类，其实只要设置a:hover的border-top就行了，谢谢大家耐心地解答，由于只能采纳一个最佳答案，所以不能三个人都采纳，但都赞同了。 展开
3个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ul,li{ margin:0; padding:0;}
li{list-style:none;}
body{ background:#666666;}
#ul{width:400px; height:50px; margin:10px auto; background:#000; font:14px/46px Arial, Helvetica, sans-serif;}
#ul li{width:100px; height:50px; float:left; text-align:center;}
#ul a{ text-decoration:none; color:#fff; display:block;border-top:4px solid transparent;}
#ul a:hover{ border-color:#fff;}
</style>
</head>
<body>
<ul id="ul">
<li><a href="#">首页</a></li>
<li><a href="#">链接</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">微博</a></li>
</ul>
</body>
</html>
将链接（A元素标签）的上边框提前设置为不可见边框，鼠标经过的时候让这个边框显示出来即可。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
#nav {
width:900px;
height:200px;
background:#999;
}
#nav ul {
width:100%;
height:100%;
margin:70px 0 0 0;
padding:0;
}
#nav ul li{
text-align:center;
list-style:none;
width:80px;
height:20px;
float:left;
margin:0 0 0 10px;
border-top:4px solid;
}
#nav ul li:hover {
cursor:pointer;
text-decoration:underline;
background-color:#999;
color:blue;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li style="border-top:4px solid transparent;">111111</li>
<li>222222</li>
<li>333333</li>
</ul>
</div>
</body>
</html>
将border-top统一定义一个相同的高度，如：border-top:4px solid; 不需要的设置为透明就行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上一张图片的理念就是，之前就有border , 只是颜色和背景相同，鼠标滑过之后改变颜色！
第二张图片，的问题就 使用margin-top:- XX ，XX为边框高度
第二张图片，的问题就 使用margin-top:- XX ，XX为边框高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
