建站
咨詢
售后
建站咨詢
新聞中心
使用CSS實(shí)現(xiàn)邊框圓角的方法是什么？相信有很多人都不太了解，今天小編為了讓大家更加了解，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。
創(chuàng)新互聯(lián)公司主營達(dá)州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,達(dá)州h5成都小程序開發(fā)搭建,達(dá)州網(wǎng)站營銷推廣歡迎達(dá)州等地區(qū)企業(yè)咨詢
CSS實(shí)現(xiàn)邊框圓角需要用到CSS中的border-radius屬性，下面我們就來看看CSS實(shí)現(xiàn)圓角邊框的詳細(xì)內(nèi)容。
我們下來看一個(gè)沒有圓角的邊框?qū)崿F(xiàn)代碼
這是一個(gè)框架
效果如下：
接下來我們就來具體看看使用CSS中border-radius屬性實(shí)現(xiàn)圓角邊框的代碼
先來看看border-radius屬性的語法格式：
brder-radius:（左上水平半徑）（右上水平半徑）（右下水平半徑）（左下水平半徑）/（左上垂直半徑）（右上垂直半徑）（右下垂直半徑）（左下垂直半徑）;
如果/被省略，則假設(shè)在水平方向和垂直方向上具有相同的半徑。
brder-radius:(左上半徑）（右上半徑）（右下半徑）（左下半徑）;
代碼示例1：
這是一個(gè)圓角邊框
效果如下：
代碼示例2
圓角邊框
效果如下：
代碼示例3
圓角邊框
效果如下：
單獨(dú)指定角半徑
border-top-left-radius
border-top-righr-radius
border-bottom-left-radius
border-bottom-right-radius
也可以單獨(dú)指定每個(gè)角的半徑。格式是
border-top-left-radius (角的半徑)
或者
border-top-left-radius (角的水平半徑) (角的垂直半徑)
以上就是使用CSS實(shí)現(xiàn)邊框圓角的方法是什么的簡略介紹，當(dāng)然詳細(xì)使用上面的不同還得要大家自己使用過才領(lǐng)會(huì)。如果想了解更多，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！
新聞標(biāo)題：使用CSS實(shí)現(xiàn)邊框圓角的方法是什么
標(biāo)題路徑：http://fisionsoft.com.cn/article/gicigc.html
