border-radius有一個比較少人知道的特性，它可以多帶帶制定水平半徑和垂直半徑，語法是用/來分隔。關于這一點，推薦看下MDN上的解釋。

對應的效果是：

題主的這個圖形并不算完全的不規則圖形，而是一個稍特別的圓角矩形，因此可以靈活使用border-radius與overflow: hidden。

代碼如下：

css利用border畫橢圓 應該是可以實現的

總結

以上是生活随笔為你收集整理的关于div上套不规则边框的问题 财富值36的全部內容，希望文章能夠幫你解決所遇到的問題。

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