CSS樣式中,圓角是非常常見的一個元素,它能夠讓頁面看起來更加美觀。下面我們就來介紹幾種圓角的實現方式。
//border-radius屬性用于實現圓角 //設置四個角都為相同的弧度 border-radius: 10px; //設置每個角的弧度 border-radius: 10px 20px 30px 40px; //設置水平方向的兩個角為相同的弧度,垂直方向的兩個角為相同的弧度 border-radius: 10px 20px; //設置水平方向的兩個角都為相同的弧度,垂直方向的兩個角都為相同的弧度 border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom-right-radius: 30px; border-bottom-left-radius: 40px; //設置一個角的弧度 border-top-left-radius: 10px;
使用border-radius屬性可以輕松地實現各種圓角效果,讓頁面看起來更加美觀。