在CSS中,我們可以使用border-radius
屬性來(lái)設(shè)置元素的圓角,如果你只想改變頂上兩個(gè)角,那么你可以通過(guò)設(shè)置border-top-left-radius
和border-top-right-radius
來(lái)實(shí)現(xiàn),下面是一個(gè)具體的例子:
.box { width: 200px; height: 200px; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px; }
在這個(gè)例子中,我們創(chuàng)建了一個(gè)帶有邊框的盒子,并使用border-top-left-radius
和border-top-right-radius
屬性將頂上兩個(gè)角設(shè)置為圓角,你可以根據(jù)需要調(diào)整10px
的半徑值,以改變圓角的大小。
如果你想要更***的控制,可以使用CSS的border-radius
屬性,并分別設(shè)置每個(gè)角的半徑:
.box { width: 200px; height: 200px; border: 1px solid #000; border-radius: 10px 10px 0 0; }
在這個(gè)例子中,我們使用了四個(gè)值來(lái)分別設(shè)置每個(gè)角的半徑,***個(gè)和第二個(gè)值分別對(duì)應(yīng)于左上角的半徑和右下角的半徑,第三個(gè)和第四個(gè)值分別對(duì)應(yīng)于右下角的半徑和左上角的半徑,通過(guò)這種方法,你可以***地控制每個(gè)角的圓角大小。