是否可以使用純CSS來實現這種舍入效果？

-2

是否可以使用純CSS在下面的圖像上使黑色區域變成圓形？是否可以使用純CSS來實現這種舍入效果？

enter image description here

2012-10-03 Sergei Basharov

CSS邊界半徑http://www.w3schools.com/cssref/css3_pr_border-radius.asp –

取決於你的HTML。 – j08691

絕對。只要創建一個DIV，並附加一類這樣的規則：

.rounded_box { 
    width: 90px; 
    height: 60px; 
    border-top-left-radius: 11px 30px; 
    border-bottom-left-radius: 11px 30px; 
    background-color: #333333; 
} 

<div class="rounded_box"></div>

取決於你正在尋找的瀏覽器支持，你可能需要添加一些額外的供應商特定的前綴爲邊界半徑線。如：

-webkit-border-top-left-radius: 11px 30px; 
-webkit-border-bottom-left-radius: 11px 30px; 
-moz-border-radius-topleft: 11px 30px; 
-moz-border-radius-bottomleft: 11px 30px;

來源

2012-10-03 21:05:55 Tathanen

你的代碼在[demo]（http://jsfiddle.net/375Hv/）中。 – Sparky