我有一个请求,希望把这些菜单项改造如下:顶部菜单: 侧边菜单: 我开始使用了border-radius属性,但是我不知道如何让另一侧成为“外圆角”,我认为顶部和底部菜单基本上是相同的想法,我只需要调整大小和方向即可。我很快会分享正在工作中的jsFiddle版本,目前我还没有做到任何事情。
基本上,您想要使用:before和:after选择器来创建一个带有边框半径的小框,位于您想要的角落。网上有很多示例,这里是一些: 使用CSS和CSS3制作外部边框半径 CSS3 - 带有内部和外部半径的选项卡 - 无图形 - (个人使用免费 - 非商业用途) 使用CSS创建扩散边框