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

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



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

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

代碼如下：

總結(jié)

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

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