CSS的border-radius 設置圓弧

現象：
將div變爲有必定幅度的圓形、橢圓形等

方法：
使用css的border-radius 屬性進行設置
CSS3 border-radius 屬性：向 div 元素添加圓角邊框：

一：首先創建一個div

 

 

 二：給div設置圓角邊框的弧度

 

 

 三：給div設置弧度爲50%的時候 正方形就會變爲圓形

 

 

 

四：若是給長方形設置50%的弧度 就會獲得橢圓形

 

 

 5：若是須要獲得中間保持長方形的直線 兩邊設置爲圓弧呢?
就使用像素px進行設置 而不是百分比設置

 

 六：一次性標識全部角度進行不同的設置

 

 七：也能夠分別對不一樣角度進行設置