html – CSS：负半径的边框

概述参见英文答案 > Inset border-radius with CSS3                                    8个 我有一个问题,我第一次遇到关于边界的问题. 所以,我需要创建没有任何图像的相似边框(如果可能的话)： 页面底部也是如此 如您所见,有两个带有负(？)border-radius的边框.我知道负边界半径不起作用,所以如果有人可以帮我解决问题,我将非常 参见英文答案 > Inset border-radius with CSS38个
我有一个问题,我第一次遇到关于边界的问题.

所以,我需要创建没有任何图像的相似边框(如果可能的话)：

页面底部也是如此

如您所见,有两个带有负(？)border-radius的边框.我知道负边界半径不起作用,所以如果有人可以帮我解决问题,我将非常感激.

我已经尝试过这个：The first example,但问题是我无法创建正常的边框 – 仅限整个块.

解决方法 你可以看一下这个jquery插件： http://jquery.malsup.com/corner/还有许多其他边框样式的可能性.

您还可以查看Lea Verou提供的解决方案.她使用负边界半径和CSS3渐变：http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/

总结

以上是内存溢出为你收集整理的html – CSS：负半径的边框全部内容，希望文章能够帮你解决html – CSS：负半径的边框所遇到的程序开发问题。

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