在Web設計中,我們經常需要使用圓角來美化我們的頁面元素。在CSS中,使用border-radius屬性來設置圓角。這個屬性是可以應用于大部分HTML元素上,包括div、button、input等。
/* 設置四個圓角為10px */ border-radius: 10px; /* 設置左上角和右下角為10px */ border-radius: 10px 0 0 10px; /* 設置頂部為50px圓角,其余三角為10px */ border-radius: 50px 10px 10px 10px; /* 設置為橢圓形 */ border-radius: 50%;
需要注意的是,設置的值可以是具體數值像10px,也可以是百分比像50%,還可以設置不同角的半徑不同值。在使用時,需要根據實際需要進行調整,同時可以結合其他CSS屬性一起使用,以實現更加個性化的效果。