如圖這樣的設(shè)計(jì)，需要在echarts上套一個(gè)邊框，css不是很容易實(shí)現(xiàn)（主要弧邊不好處理），現(xiàn)在邊框用圖片代替，但是怎么讓echarts嵌在圖里呢。echarts是長(zhǎng)方形，卡住了，沒什么思路了，求各位大牛支招
題主的這個(gè)圖形并不算完全的不規(guī)則圖形，而是一個(gè)稍特別的圓角矩形，因此可以靈活使用border-radius與overflow: hidden。
border-radius
overflow: hidden
border-radius有一個(gè)比較少人知道的特性，它可以多帶帶制定水平半徑和垂直半徑，語法是用/來分隔。關(guān)于這一點(diǎn)，推薦看下MDN上的解釋。
/
對(duì)應(yīng)的效果是：
css利用border畫橢圓 應(yīng)該是可以實(shí)現(xiàn)的
代碼如下：
吾愛知道 2024 © 吾愛知道鄂ICP備2022002577號(hào)-1
站內(nèi)文章地圖 站內(nèi)問答地圖 站內(nèi)作者地圖 站點(diǎn)標(biāo)簽地圖 站點(diǎn)地圖 站點(diǎn)標(biāo)簽 站點(diǎn)題庫
加載中...
