CSS的border-radius 設置圓弧

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

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

一:首先創建一個divblog

 

 

 二:給div設置圓角邊框的弧度方法

 

 

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

 

 

 

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

 

 

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

 

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

 

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

相關文章
相關標籤/搜索