這篇文章主要介紹css中的border-radius屬性如何使用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
十余年的普陀網(wǎng)站建設經(jīng)驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。成都營銷網(wǎng)站建設的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調(diào)整普陀建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“普陀網(wǎng)站設計”,“普陀網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
CSS3border-radius屬性
作用:border-radius屬性用于創(chuàng)建圓角
說明:border-radius屬性是一個最多可指定四個border-*-radius屬性的復合屬性。
基本語法:
border-radius:1-4length|%;
注意:每個半徑的四個值的順序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。
css3border-radius屬性的使用示例
div
{
text-align:center;
border:2pxsolid#a1a1a1;
padding:10px40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px;/*老的Firefox*/
margin:100pxauto;
}
以上是“css中的border-radius屬性如何使用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!