lisp 发凹圆角_css能实现这样的内凹圆角吗？如何实现？具体代码是！！
展開全部
比較笨的方式，截圖以及代碼具體如下。
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;
}
總結(jié)
以上是生活随笔為你收集整理的lisp 发凹圆角_css能实现这样的内凹圆角吗？如何实现？具体代码是！！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux没有安装gcc如何在线安装（直
- 下一篇： 如何用Linux写c程序并编译运行