CSS中可以使用border-radius
屬性來將邊框變?yōu)閳A形,這個屬性接受一個數(shù)值,表示圓角的半徑大小,如果只想讓四個角都變?yōu)閳A形,可以只給border-radius
賦一個值。
div { border: 2px solid #000; border-radius: 10px; }
上述代碼會將div元素的四個角都變?yōu)榘霃綖?0px的圓形,如果想讓不同的角變?yōu)椴煌笮〉膱A形,可以分別給border-radius
賦不同的值。
div { border: 2px solid #000; border-radius: 10px 20px 30px 40px; }
上述代碼會將div元素的四個角分別變?yōu)榘霃綖?0px、20px、30px和40px的圓形,注意,如果border-radius
屬性的值過大,可能會導致邊框變形或者無法正確顯示,在使用時需要根據(jù)實際情況進行調(diào)整。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。