如何与内半径边界？

Question

我正在尝试在角落处创建一个内圈的div。它应该如下图所示

有人可以帮忙解决这个问题吗？

Answer 1

你可以这样做：

<div class="box"></div>

.box{
  width: 200px;
  height: 200px;
  background: #EEE;
  border: 30px solid transparent;
  border-image: url("http://i62.tinypic.com/2dh8y1g.jpg") 100 round;
}

更多信息：Inset border-radius with CSS3

但是（！）如果您需要更复杂的边框形状，可以使用背景图片或边框图片：

<div class="box"></div>

C:\Users\admin-jb\Desktop\TestCProject\TestProject\main.c|21|warning: implicit declaration of function 'If' [-Wimplicit-function-declaration]|

更多信息：Decorative border css