小編給大家分享一下css中什么是border-radius屬性，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司"三網合一"的企業(yè)建站思路。企業(yè)可建設擁有電腦版、微信版、手機版的企業(yè)網站。實現(xiàn)跨屏營銷，產品發(fā)布一步更新，電腦網絡+移動網絡一網打盡，滿足企業(yè)的營銷需求！成都創(chuàng)新互聯(lián)公司具備承接各種類型的成都網站設計、網站制作項目的能力。經過10年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質的服務，并獲得了客戶的一致好評。

    CSS3圓角

    使用CSS3border-radius屬性，你可以給任何元素制作"圓角"。

    使用CSS3border-radius屬性，你可以給任何元素制作"圓角"。

    以下為三個實例：

    1.指定背景顏色的元素圓角

    2.指定邊框的元素圓角

    3.指定背景圖片的元素圓角

    代碼如下:

實例

#rcorners1 {

    border-radius: 25px;

    background: #8AC007;

    padding: 20px; 

    width: 200px;

    height: 150px; 

}

#rcorners2 {

    border-radius: 25px;

    border: 2px solid #8AC007;

    padding: 20px; 

    width: 200px;

    height: 150px; 

}

#rcorners3 {

    border-radius: 25px;

    background: url(paper.gif);

    background-position: left top;

    background-repeat: repeat;

    padding: 20px; 

    width: 200px;

    height: 150px; 

}

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