CSS可以通過添加border-radius
屬性來使表格的邊框變?yōu)閳A角,這個(gè)屬性可以應(yīng)用于表格的單個(gè)角落,或者同時(shí)應(yīng)用于多個(gè)角落。
如果你想給表格的左上角和右下角添加圓角,你可以這樣寫:
table { border-radius: 10px 10px 0 0; }
這個(gè)例子中,10px
表示圓角的半徑大小,而0
則表示不需要添加圓角,你可以根據(jù)需要調(diào)整這些值。
如果你想給表格的所有角落都添加相同的圓角,你可以使用border-radius: 10px;
這樣的寫法,這樣,表格的左上角、右上角、左下角和右下角都會(huì)有一個(gè)半徑為10像素的圓角。
需要注意的是,border-radius
屬性只在CSS3及更高版本中得到了支持,如果你使用的是較舊的瀏覽器版本,可能無法看到效果,在現(xiàn)代瀏覽器中,這個(gè)屬性是非常受歡迎的,因?yàn)樗梢允沟帽砀窨雌饋砀用烙^和友好。