在CSS中,如果你只想對元素的一邊進行圓角處理,可以使用border-radius
屬性來實現(xiàn),具體寫法是,只給對應(yīng)的角設(shè)定一個值,其他角則不需要設(shè)定。
如果你只想對元素的左上角進行圓角處理,可以寫成:
.element { border-radius: 10px 0 0 0; }
這個例子中,10px
表示左上角的圓角半徑,后面的0
分別表示右上角、左下角和右下角的圓角半徑,這樣,元素就只有左上角是圓角的了。
如果你只想對元素的右上角進行圓角處理,可以寫成:
.element { border-radius: 0 10px 0 0; }
這個例子中,10px
表示右上角的圓角半徑,前面的0
分別表示左上角、左下角和右下角的圓角半徑,這樣,元素就只有右上角是圓角的了。
如果你只想對元素的左下角進行圓角處理,可以寫成:
.element { border-radius: 0 0 10px 0; }
這個例子中,10px
表示左下角的圓角半徑,前面的0
分別表示左上角、右上角和右下角的圓角半徑,這樣,元素就只有左下角是圓角的了。
如果你只想對元素的右下角進行圓角處理,可以寫成:
.element { border-radius: 0 0 0 10px; }
這個例子中,10px
表示右下角的圓角半徑,前面的0
分別表示左上角、右上角和左下角的圓角半徑,這樣,元素就只有右下角是圓角的了。