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

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



對應的效果是：

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

代碼如下：

總結

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

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