html – 鼠标悬停上的边界半径在哪里

概述我正在制作菜单选择栏,当我鼠标移动时,我遇到了问题.图标的角落都应该是弯曲的,但只有左侧的角落. 这是代码的演示： https://jsfiddle.net/gfqgcwq5/ 据我所知,似乎内联块是罪魁祸首： .wrapper{ display:inline-block; margin:10px;} 我只是不知道如何在没有它的情况下完成内联数组.我不擅长css,所以如果有人能借 我正在制作菜单选择栏,当我鼠标移动时,我遇到了问题.图标的角落都应该是弯曲的,但只有左侧的角落.
这是代码的演示： https://jsfiddle.net/gfqgcwq5/

据我所知,似乎内联块是罪魁祸首：

.wrapper{    display:inline-block;    margin:10px;}

我只是不知道如何在没有它的情况下完成内联数组.我不擅长CSS,所以如果有人能借我的话,我会很感激.

解决方法 试试这个：

.icon{        border-radius:8px;        padding-top:15px;        padding-bottom:5px;        Transition:.1s;        Font-size:60px;     display: inline-table;    }    .icon:hover{         cursor:pointer;        background-color: #00B1EB;        color:#fff;    }    span#picture > span {        padding-right:9px;        padding-left:10px;        padding-top:7px;        padding-bottom:10px;    }    .text{        text-align:center;    }    .wrapper{        display:inline-block;margin:10px;    }

DEMO HERE

总结

以上是内存溢出为你收集整理的html – 鼠标悬停上的边界半径在哪里全部内容，希望文章能够帮你解决html – 鼠标悬停上的边界半径在哪里所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。