CSS 可以輕易地將 div 元素變為圓形。該效果可以通過以下步驟實現:
/* 設置元素為圓形 */ .circle { border-radius: 50%; }
代碼中的 border-radius 屬性定義了元素的圓角半徑,將其設置為 50% 就可以將元素變成一個圓形。如果希望元素成為橢圓形,可以分別設置水平方向和豎直方向的圓角半徑。例如,如果希望元素的寬度是高度的兩倍,則可以將圓角半徑設置為 50% 和 25%:
/* 設置元素為橢圓形 */ .ellipse { border-radius: 50% 25%; }
以上代碼即可將元素變成一個寬高比為 2:1 的橢圓形。此外,還可以使用其他 CSS 屬性來調整元素的表現。例如,使用 background-color 屬性設置元素的背景顏色,使用 box-shadow 屬性為元素添加陰影效果等。
上一篇php protecte
下一篇php pubiic