<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>盒子边框</title>
<style>
div{
width: 200px;
height: 400px;
border: 4px solid red;
float: left;
margin-left: -4px; /*解决两个盒子合并在一起，边框变成两倍大的问题,但是鼠标上去边框颜色改变又出现左盒子边框不完全变色问题*/
position: relative; /*第二种情况*/
}
div:hover{
border:4px solid blue ;
/*position: relative;*/ /*(本身盒子没有加定位的情况)第一种方法：*/ /*改变盒子边框重合部分不变色的问题*/ /*因为层级比别人搞 浮起来的*/
z-index: 1; /*（本身盒子加了定位的情况）第二种方法： 如果本盒子就有加了定位的话，就用z-index:1;*/
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
06-15
1108
1108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
