在CSS中,畫空心圓和實心圓都是非常簡單的。下面分別介紹一下。
/* 畫空心圓 */ .circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid black; }
這段代碼就可以畫出一個半徑為25px的空心圓,只需要將class設置為circle。
/* 畫實心圓 */ .circle { width: 50px; height: 50px; border-radius: 50%; background-color: black; }
這段代碼同樣可以畫出一個半徑為25px的實心圓,也只需要將class設置為circle。
需要注意的是,半徑大小可以根據自己的需求進行調整。