CSS鼠标悬停图片加边框效果，页面布局发生错位的解决办法

最新推荐文章于 2023-06-03 21:26:17 发布

weixin_30608131

最新推荐文章于 2023-06-03 21:26:17 发布

阅读量427

点赞数

原文链接：http://www.cnblogs.com/intangible/p/8183462.html

版权

CSS鼠标悬停图片加边框效果，页面布局发生错位的解决办法

.recomend-list{
    width:1200px;
    a{
        @extend %fl;
        margin-right: 30px;
        width: 260px;
        height: 440px;
        border: 2px solid transparent;
        @extend %borderbox;
        &:hover{
            border-color: #109ef3;
        }
    }
    img{
        width: 100%;
        height: 100%;
    }
}

转载于:https://www.cnblogs.com/intangible/p/8183462.html