展開全部

比較笨的方式，截圖以及代碼具體如下。

e68a8462616964757a686964616f31333337626162

.cro{

width: 100px;

height: 100px;

border: 1px solid #58C4E6;

position: relative;

}

.cro_left_top,.cro_right_top,.cro_left_bottom,.cro_right_bottom{

position: absolute;

width: 20px;

height: 20px;

border: 1px solid #fff;

z-index: 1;

background: #fff;

}

.cro_left_top{

top: -1px;

left: -1px;

border-radius:0px 0px 20px 0px;

border-bottom: 1px solid #58C4E6;

border-right: 1px solid #58C4E6;

}

.cro_right_top{

top: -1px;

right: -1px;

border-radius:0px 0px 0px 20px;

border-bottom: 1px solid #58C4E6;

border-left: 1px solid #58C4E6;

}

.cro_left_bottom{

left: -1px;

bottom: -1px;

border-radius:0px 20px 0px 0px;

border-top: 1px solid #58C4E6;

border-right: 1px solid #58C4E6;

}

.cro_right_bottom{

right: -1px;

bottom: -1px;

border-radius:20px 0px 0px 0px;

border-top: 1px solid #58C4E6;

border-left: 1px solid #58C4E6;

}

總結

以上是生活随笔為你收集整理的lisp 发凹圆角_css能实现这样的内凹圆角吗？如何实现？具体代码是！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。