如何設(shè)置
標(biāo)簽的圓角?使用CSS中的border-radius屬性可以很方便地將
標(biāo)簽變成一個有圓角效果的元素。
div { border-radius: 10px; /* 10px表示圓角的大小 */ }
上述代碼中,設(shè)置了一個10像素大小的圓角,可以根據(jù)需要調(diào)整數(shù)值。還可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius這四個屬性單獨設(shè)置角的圓角大小。
div { border-top-left-radius: 5px; border-top-right-radius: 10px; border-bottom-left-radius: 15px; border-bottom-right-radius: 20px; }
上述代碼中,分別設(shè)置了左上角、右上角、左下角、右下角的圓角大小。