小編給大家分享一下如何使用CSS的border-radius屬性設置圓弧，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)是專業(yè)的禮縣網(wǎng)站建設公司，禮縣接單;提供成都做網(wǎng)站、網(wǎng)站設計,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行禮縣網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

方法：

使用css的border-radius 屬性進行設置

CSS3 border-radius 屬性：向 div 元素添加圓角邊框：

一：首先建立一個div

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

三：給div設置弧度為50%的時候 正方形就會變?yōu)閳A形

四：如果給長方形設置50%的弧度 就會得到橢圓形

5：如果需要得到中間保持長方形的直線 兩邊設置為圓弧呢?

就使用像素px進行設置 而不是百分比設置

六：一次性標識所有角度進行不一樣的設置

七：也可以分別對不同角度進行設置

以上是“如何使用CSS的border-radius屬性設置圓弧”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！