下面這個(gè)效果（這個(gè)小口）怎么生成？
css怎樣生成反方向圓角
牛魔王的故事
2018-07-09 19:18:01
3 回答
慕森卡
TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊
正常用css畫兩個(gè)圓，然后通過具體定位放置在相應(yīng)的位置就可以了。
父級(jí)元素relative，圓absolute，然后通過top、left、right、bottom來(lái)設(shè)置具體出現(xiàn)位置。
這不是唯一辦法，選擇一種你覺得最舒服的方式就行。
HUH函數(shù)
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊
<div style="width:300px; height:300px; position:relative; background-color:#000">
<div style="width:30px; height:30px; border-radius:50%; position:absolute; top:-15px; right:-15px; background-color:#fff"></div>
</div>
用一個(gè)背景顏色的圓定位。
慕尼黑5688855
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊
after一個(gè)div 高寬一樣 border-radius:50% background-color設(shè)置成那個(gè)灰色北京 之后定為到對(duì)應(yīng)位置
- 3 回答
- 0 關(guān)注
- 858 瀏覽
添加回答
舉報(bào)
0/150
提交
取消