Question

如何通过CSS可以实现鼠标放上去之后整个图片出现边框和隐形的效果

举例：中间红色框的那个图片，为鼠标悬停的效果，当鼠标放上去之后，整个图片边框变红，背景出现阴影效果了（http://www.mogufr.com/market/）

Answer 1

.layout-prolist dl {color:#333;border:1px solid #dfdfdf}//*这里是鼠标没放之前

.layout-prolist .pbox.hover dl {border:1px solid #999;box-shadow:0 0 20px rgba(0,0,0,.2);transition: all 0.3s ease 0s;}//*这里是鼠标放上之后

采纳吧，有问题再说

Answer 2

去你给的网站查到的他耳朵代码，希望你能看懂

Answer 3

.layout-prolist dl:hover {
border-color: #F25962;
box-shadow: 0 0 20px rgba(0,0,0,.2);
transition: all 0.3s ease 0s;
}