CSS中可以使用border-radius
屬性來讓div邊框有弧度,該屬性可以設(shè)置一個(gè)數(shù)值,表示邊框的圓角半徑,也可以設(shè)置為多個(gè)數(shù)值,分別表示四個(gè)角的圓角半徑。
要設(shè)置一個(gè)div的四個(gè)角都有弧度的邊框,可以如下寫:
div { border: 1px solid #000; border-radius: 10px; }
border
屬性設(shè)置了邊框的寬度、樣式和顏色,border-radius
屬性則設(shè)置了邊框的圓角半徑,這樣,div的四個(gè)角都會(huì)有一個(gè)弧度,使得整個(gè)div看起來更加圓潤、柔和。
如果想要設(shè)置不同角的弧度,可以使用多個(gè)數(shù)值來分別表示,
div { border: 1px solid #000; border-radius: 10px 20px 30px 40px; }
這樣,div的四個(gè)角會(huì)有不同的弧度,分別表示左上角、右上角、右下角和左下角的圓角半徑,可以根據(jù)需要調(diào)整這些數(shù)值,以達(dá)到想要的效果。