CSS中可以使用border-radius來設置元素的圓角。理論上,只需要將四個角的半徑都設為元素寬度或高度的一半,就可以得到一個圓形。
.circle { width: 100px; height: 100px; border-radius: 50%; }
當然,也可以只設置某個角的半徑來實現不規則的圓形。例如,下面的代碼將左上角和右下角的半徑設置為元素高度的一半,而其余兩個角的半徑則為0。
.irregular-circle { width: 100px; height: 50px; border-radius: 50px 0 50px 0; }
使用上述方法,我們就可以在CSS中輕松地創建圓形或不規則的圓形了。不過需要注意的是,部分版本的IE瀏覽器可能不支持border-radius屬性,因此需要額外的處理。
上一篇css里注視
下一篇css里怎么換人物模型