在CSS中,我們可以使用border-radius
屬性來創(chuàng)建圓角,這個屬性可以應(yīng)用于任何元素,無論是div、p、img還是其他HTML元素,都可以使用它來添加圓角效果。
border-radius
屬性的值可以是像素、百分比或者其他CSS支持的長度單位,如果你想讓一個元素的圓角半徑為10像素,你可以這樣寫:
element { border-radius: 10px; }
如果你想讓元素的圓角半徑為元素寬度的一半,你可以使用百分比單位:
element { border-radius: 50%; }
border-radius
屬性還支持橢圓形的圓角,如果你想讓元素的圓角半徑在水平方向為10像素,在垂直方向為20像素,你可以這樣寫:
element { border-radius: 10px 20px; }
這樣,元素的圓角就會呈現(xiàn)出一個橢圓形的形狀。
border-radius
屬性是一個非常強大的CSS屬性,它可以讓***輕松地創(chuàng)建出具有圓角的元素,從而提升網(wǎng)頁的視覺效果。