面試官讓你使用CSS畫一個圓，你會嗎？

最近看到一道比較基礎的前端面試題，和大家分享下。面試官問：請使用CSS繪制一個圓。

方法：使用border-radius

我們隻需要将border-radius設定為50%即可。

HTML部分

<div class="circle">
</div>
複制代碼      

CSS部分

.circle {
    width: 80px;
    height: 80px;
    background-color: pink;
    margin: 10px auto;
    border-radius: 50%;
 }
複制代碼      

實作效果