使用CSS長(zhǎng)方形怎么弄圓角？ 以前我們實(shí)現(xiàn)圓角一般是用圖片或js實(shí)現(xiàn)，但是現(xiàn)在CSS3可以很方便的實(shí)現(xiàn)這一點(diǎn)。 要實(shí)現(xiàn)圓角，我們要使用border-radius屬性。這個(gè)屬性控制邊框的圓角大小。 語(yǔ)法如下： ```css border-radius: [top-left] [top-right] [bottom-right] [bottom-left]; ``` 這里的值可以是長(zhǎng)度，也可以是百分比。如果是百分比，那就是參考元素框的大小。 舉一個(gè)例子，如果要實(shí)現(xiàn)一個(gè)長(zhǎng)寬為200px，圓角半徑為10px的矩形，可以這樣寫(xiě)： ```css div { width: 200px; height: 200px; border-radius: 10px; } ``` 以上代碼可以看到，我們把border-radius設(shè)置為10px，這樣就形成了半徑為10px的圓角。如果要設(shè)置不同的圓角，可以這樣寫(xiě)： ```css div { width: 200px; height: 200px; border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom-left-radius: 30px; border-bottom-right-radius: 40px; } ``` 以上代碼可以看到，我們分別設(shè)置了四個(gè)角的半徑大小，這樣就實(shí)現(xiàn)了不同半徑大小的圓角效果。 我們還可以使用border-top-right-radius, border-bottom-left-radius和border-bottom-right-radius屬性替代border-radius，來(lái)分別控制某個(gè)角的圓角大小。 以上就是關(guān)于CSS長(zhǎng)方形怎么弄圓角的方法介紹，希望對(duì)你有幫助。