CSS3中,我們可以使用border-radius屬性將邊框設置為圓角,這個屬性接受兩個值,分別代表水平和垂直方向的圓角半徑,如果只需要在四個角上都應用同樣的圓角,可以只提供一個值。
div { border: 2px solid #000; border-radius: 10px; }
上述代碼會將div元素的四個角都設置為10px的圓角,如果想要在四個角上應用不同的圓角半徑,可以分別指定水平和垂直方向的圓角半徑:
div { border: 2px solid #000; border-radius: 10px 20px 30px 40px; }
這段代碼會將div元素的四個角分別設置為10px、20px、30px和40px的圓角,需要注意的是,如果邊框?qū)挾却笥趫A角半徑,邊框會覆蓋圓角,因此通常建議將邊框?qū)挾仍O置為小于或等于圓角半徑的值。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。