CSS 兩端圓角是指在網頁或文檔中使用 CSS 樣式來創建的兩端具有圓角的矩形邊框。這種樣式可以用于許多不同的應用,如頁面布局、表單提交、按鈕等。
在 CSS 中,使用 `border-radius` 屬性可以實現兩端圓角的效果。該屬性可以設置四個角的圓角大小,其中前兩個角的圓角大小是相對值,后兩個角的圓角大小是是絕對值。例如,以下代碼將創建一個具有兩端圓角的矩形:
border-radius: 50% 50% 0 0;
在這個例子中,`border-radius` 屬性的值設置為 `50% 50% 0 0`,它將創建一個寬度為寬度值、高度為高度值、圓角半徑為圓角半徑的矩形。在這個矩形的兩端,圓角將突出顯示。
除了使用 `border-radius` 屬性,還可以通過其他 CSS 屬性來創建兩端圓角的效果,如 `border-radius-topleft`、`border-radius-topright`、`border-radius-bottomright` 和 `border-radius-bottomleft`。這些屬性可以在不同的位置和角度設置圓角,從而創建出更加復雜的樣式效果。
兩端圓角的使用可以大大提高網頁的樣式效果和可讀性,同時也可以方便地實現各種樣式需求。