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

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



對應(yīng)的效果是：

css利用border畫橢圓 應(yīng)該是可以實現(xiàn)的

代碼如下：

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。