創(chuàng)新互聯(lián)建站導(dǎo)讀：設(shè)置css圓角邊框就是設(shè)置border-radius的值，設(shè)置的數(shù)字不同，圓角的大小也不同。通過設(shè)計css圓角邊框，我們就不需要再用帶框的背景圖片，這不僅讓頁面設(shè)計更加簡單，同時也有利于提升頁面加載的速度。

創(chuàng)新互聯(lián)公司服務(wù)緊隨時代發(fā)展步伐，進行技術(shù)革新和技術(shù)進步，經(jīng)過十載的發(fā)展和積累，已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計師、專業(yè)的網(wǎng)站實施團隊以及高素質(zhì)售后服務(wù)人員，并且完全形成了一套成熟的業(yè)務(wù)流程，能夠完全依照客戶要求對網(wǎng)站進行成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、建設(shè)、維護、更新和改版，實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。

css+div是頁面設(shè)計的法寶，通過css+div能夠設(shè)計出各種效果！本文給大家簡單介紹下css圓角邊框怎么設(shè)置，大家可以參考，也可以直接拿過去使用，當(dāng)然要修改下具體的參數(shù)。

border-radius 屬性可以接受一到四個值。規(guī)則如下：

圓角邊框（border-radius）的基本用法：border-radius 屬性是一個簡寫屬性，用于設(shè)置四個圓角的屬性。

圓角邊框的最基本用法就是設(shè)置四個相同弧度的圓角。

四個值 - border-radius: 15px 50px 30px 5px;（依次分別用于：左上角、右上角、右下角、左下角）：

三個值 - border-radius: 15px 50px 30px;（第一個值用于左上角，第二個值用于右上角和左下角，第三個用于右下角）：

兩個值 - border-radius: 15px 50px;（第一個值用于左上角和右下角，第二個值用于右上角和左下角）：

一個值 - border-radius: 15px;（該值用于所有四個角，圓角都是一樣的）：

以下是css圓角邊框具體的代碼實例：

#rcorners1 {

  border-radius: 15px 50px 30px 5px;

  background: #73AD21;

  padding: 20px; 

  width: 200px;

  height: 150px; 

}

上面的css代碼，大家可以直接拿去用，至于像15px、50px等這些數(shù)據(jù)，大家可以通過測試看看具體需要多大數(shù)字，這里給出的數(shù)字只是參考。

現(xiàn)在大家應(yīng)該知道css圓角邊框怎么設(shè)置了吧！總結(jié)起來很簡單，設(shè)置css圓角邊框就是設(shè)置border-radius的值，設(shè)置的數(shù)字不同，圓角的大小也不同。通過設(shè)計css圓角邊框，我們就不需要再用帶框的背景圖片，這不僅讓頁面設(shè)計更加簡單，同時也有利于提升頁面加載的速度。