CSS是前端開發中不可或缺的一部分,有時候需要定義一些特殊的樣式來達到設計的效果,比如定義圓形邊框。
.circle-border{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid black; }
上面的代碼中,我們創建了一個類名為“circle-border”的樣式,它的寬度和高度都為100像素,border-radius屬性定義了邊框的圓角半徑,50%就表示圓形。border屬性則定義了邊框的樣式和寬度,這里設置為2像素的黑色實線邊框。
我們可以在HTML中將這個樣式應用到一個元素,比如一個div:
<div class="circle-border"></div>
最后的效果就是一個帶有黑色邊框的圓形元素。
上一篇css怎么字圍繞圖片