CSS 為div單個角設置弧度 border-radius

1、 border-radius：該CSS屬性是為一個div設置弧度值。下面遇到這樣一個需求： 如圖：可見右邊的兩個角是沒有弧度，設置左邊的兩個角有弧度即可。 2、 對於border屬性，CSS3提供了四個單獨的屬性：（可以實現弧度的轉換）

屬性值	說明
border-top-left-radius	為左上角設置弧度值
border-top-right-radius	為右上角設置弧度值
border-bottom-left-radius	為左下角設置弧度值
border-bottom-right-radius	為右下角設置弧度值

測試：我們設置：border-top-left-radius: 15px; 見效果：可見只有左上角具有了px的弧度。
3、 border-radius後面可以接不同個數的值：（和margin、padding等屬性有些類似：）
1）border-radius後面有一個值時：表示四個角的值都相等（常用情況） border-radius：15px；即：上下左右四個角的弧度值都是15px； 4、 最後所有有關border-radius的相關用法都記錄完了，實現我們的需求就輕而易舉了：

border-radius：15px 0 0 15px;

border-top-left-radius: 15px;




border-bottom-left-radius: 15px;

見效果：（以上兩種寫法都可以實現：）