溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
設置或檢索對象使用圓角邊框。提供2個參數，2個參數以“/”分隔，每個參數允許設置1~4個參數值，第1個參數表示水平半徑，第2個參數表示垂直半徑，如第2個參數省略，則默認等于第1個參數。
水平半徑：如果提供全部四個參數值，將按上左(top-left)、上右(top-right)、下右(bottom-right)、下左(bottom-left)的順序作用于四個角。
如果只提供一個，將用于全部的于四個角。
如果提供兩個，第一個用于上左(top-left)、下右(bottom-right)，第二個用于上右(top-right)、下左(bottom-left)。
如果提供三個，第一個用于上左(top-left)，第二個用于上右(top-right)、下左(bottom-left)，第三個用于下右(bottom-right)。
垂直半徑也遵循以上4點。
對應的腳本特性為borderRadius。
<div ></div>
<div ></div>
<div ></div>
<div ></div>
所以border-radius里面的參數應該代表的是四個角上圓的半徑。
<div ></div>
<div ></div>
<div ></div>
<div ></div>
<div ></div>
這里的半徑全等于本身寬度(width/2)+半徑寬度(border-width/2)即為一個橢圓。另外半徑最多渲染寬度(width/2)+半徑寬度(border-width/2)的值，超過的按比例值來算。
CSS3邊框border-radius
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
