下面這個效果(這個小口)怎么生成?
css怎樣生成反方向圓角
牛魔王的故事
2018-07-09 19:18:01
TA貢獻1806條經驗 獲得超8個贊
正常用css畫兩個圓,然后通過具體定位放置在相應的位置就可以了。
父級元素relative
,圓absolute
,然后通過top、left、right、bottom
來設置具體出現位置。
這不是唯一辦法,選擇一種你覺得最舒服的方式就行。
TA貢獻1836條經驗 獲得超4個贊
<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>
用一個背景顏色的圓定位。
舉報