css怎么切割圓?
步驟如下,
新建一個html文件,命名為test.html,用于講解如何使用css從圖片上截取一個圓形。
?在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個模塊,用于測試。
?在test.html文件內(nèi),給div添加一個class,設(shè)置為yydiv。
在css標(biāo)簽內(nèi),通過class設(shè)置div的樣式,定義寬度為100px,高度為100px,并將border-radius設(shè)置為50% ,實現(xiàn)圓形。
在css標(biāo)簽內(nèi),再使用background屬性設(shè)置div的背景圖片,并設(shè)置為上下左右都居中。
在瀏覽器打開test.html文件,查看實現(xiàn)的效果。