CSS是一種常用的網頁設計語言,可以實現各種效果。今天我們來學習如何用CSS畫空心圓。
.circle { width: 100px; height: 100px; border: 2px solid black; border-radius: 50%; }
上面的代碼是畫一個100像素寬、100像素高的空心圓。下面我們來解釋一下代碼。
width
和height
屬性指定圓的大小。border
屬性指定圓的邊框。這里用的是2像素寬的黑色實線邊框。border-radius
屬性指定圓的圓角半徑。這里設置為50%表示圓的半徑等于盒子的寬度或高度的一半,從而實現圓形效果。
關于CSS畫空心圓的講解到這里。希望對你有所幫助!
上一篇css怎么添加png圖片
下一篇css怎么禁止文本粘貼