CSS圓角邊框產生器

左上角(px):
右上角(px):
右下角(px):
左下角(px):

什麼是CSS圓角邊框產生器

CSS圓角邊框產生器提供了一個生成CSS邊框半徑的工具,可以輸入四個方向的角值來查看效果和生成CSS代碼。

CSS3 border-radius 屬性

屬性描述
border-radius定義元素邊框半徑
border-top-left-radius屬性定義左上角的半徑。
border-top-right-radius屬性定義右上角的半徑。
border-bottom-right-radius屬性定義右下角的半徑。
border-bottom-left-radius屬性定義左下角的半徑。

我們的工具使用第一種形式,它是其他語法的簡寫。例如:

border-radius: 10px 10px 10px 10px; 

第一個值應用於左上角,第二個值應用於右上角,第三個值應用於右下角,第四個值應用於左下角。

如何使用CSS圓角邊框產生器?

  1. 設定左上(px) 右上(px) 右下(px) 左下(px)這些屬性值
  2. 生成的代碼和效果將顯示在左側區域。
  3. 點擊「複製」按鈕複製您的CSS邊框半徑代碼。