Question

CSS 关于a:hover的问题 大神进 求科普

.box1 {width:350px; height:350px; float:left; margin-left:20px; margin-top:20px;}
.box1 a:hover{border:#99F 1px solid; position:absolute;}
.box1 li{border:#b7b7ff 1px solid; width:350px; height:350px;}

鼠标移动到li上 颜色会位移1像素 感觉就想在最外面加了1像素 不是在原来的边框上替换颜色 怎么破

Answer 1

你的hover是加在a上的，原有border是在li上的，
.box1 li{border:#b7b7ff 1px solid; width:350px; height:350px;}变成

.box1 a{border:#b7b7ff 1px solid; width:350px; height:350px;}

或者
.box1 a:hover{border:#99F 1px solid; position:absolute;}变成

.box1 li:hover{border:#99F 1px solid; position:absolute;}