使用邊界半徑的形狀設計

您可以透過調整元素的邊框和邊框半徑來形成各種形狀。

圓盒

如果您使用從 1px 開始並增加到 Radius 屬性的值，您最終將獲得一個圓角矩形。

透過增加半徑的像素值，您將逐漸達到膠囊狀的形狀。

膠囊/丸劑形狀

膠囊形狀的半徑是元素高度或寬度值（以像素為單位）的一半。值的進一步增加不會改變形狀。

橢圓

您可以使用半徑的百分比值。半徑為 50% 將呈現橢圓的平滑渲染。較大的值不會影響形狀。

橢圓的形狀與元素的寬度有直接關係。橢圓的縱橫比由其寬度與高度的比率決定。

圓圈

圓本質上是一個寬度和高度相等的橢圓。要製作圓形，請將半徑 50% 套用於具有相同寬度和高度測量值的任何元素。

動態角點

與任何其他元素類似，您可以自訂各種狀態的邊界半徑。

1. 訪問 徘徊 陳述並介紹一個 邊界半徑
2. 切換到預設值 沒有任何 陳述並應用 過渡 到 邊界半徑 財產。調整或維持持續時間和緩和

探索有關元素狀態和轉換的更多信息.