html – CSS:负半径的边框

前端之家收集整理的这篇文章主要介绍了html – CSS:负半径的边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > 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/

原文链接:https://www.f2er.com/html/231377.html

猜你在找的HTML相关文章