這篇文章主要介紹“css怎么給元素設置圓角半徑”，在日常操作中，相信很多人在css怎么給元素設置圓角半徑問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css怎么給元素設置圓角半徑”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

成都創(chuàng)新互聯(lián)專注于淮陰企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,成都商城網(wǎng)站開發(fā)?；搓幘W(wǎng)站建設公司,為淮陰等地區(qū)提供建站服務。全流程按需網(wǎng)站開發(fā)，專業(yè)設計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務

給元素設置圓角半徑的css屬性是border-radius，該屬性可以設置元素的外邊框圓角，只需要給指定元素添加“border-radius: 圓角值;”代碼樣式即可實現(xiàn)圓角效果。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

給元素設置圓角半徑的css屬性是border-radius。

border-radius屬性可以設置元素的外邊框圓角；使用 CSS3 border-radius 屬性，你可以給任何元素制作 "圓角"。

語法：

border-radius: 1-4 length|% / 1-4 length|%;

注意: 每個半徑的四個值的順序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。

border-radius屬性值的指定規(guī)則：

• 四個值: 第一個值為左上角，第二個值為右上角，第三個值為右下角，第四個值為左下角。

  

• 三個值: 第一個值為左上角, 第二個值為右上角和左下角，第三個值為右下角

  

• 兩個值: 第一個值為左上角與右下角，第二個值為右上角與左下角

  

• 一個值： 四個圓角值相同

  

實例：

	
		
		
	

	
		
指定背景顏色元素的圓角:
		圓角