css怎麼分別設置4個圓角？

css如何設置邊框？很多時候在開發網頁前端的時候，為了讓網頁上面的東西看起來更加的舒服，我們可能需要設置一些圓角邊框比如按鈕之類的，那麼，我們該怎麼來設置圓角邊框呢？本篇文章將給大家來介紹一下css設置圓角邊框的方法。 css設置圓角邊框最常用也是最簡單的方法就是利用border-radius屬性。 CSS圓角只需設置一個屬性：border-radius（含義是"邊框半徑"）。你為這個屬性提供一個值，就能同時設置四個圓角的半徑。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
border-radius可以同時設置1到4個值。 如果設置1個值，表示4個圓角都使用這個值。 css圓角邊框代碼：border-radius: 15px;

如果設置兩個值，表示左上角和右下角使用第一 個值，右上角和左下角使用第二個值。 css圓角邊框代碼：border-radius: 15px 5px;
 
如果設置三個值，表示左上角使用第一個值，右上角和左下角使用第二個值，右下角使用第三個值。
css圓角邊框代碼：border-radius: 15px 5px 25px;

如果設置四個值，則依次 對應左上角、右上角、右下角、左下角（順時針順序）。 css圓角邊框代碼：border-radius: 15px 5px 25px 0px; border-radius還可以用斜杠設置第二組值。第一組值表示水平半徑，第二組值表示垂直半徑。第二組值也可以同時設置1到4個值，應用規則與第一組值相同。 除了同時設置四個圓角以外，還可以單獨對每個角進行設置。對應四個角，CSS3提供四個單獨的屬性：

border-radius	使用此元素設置四個邊界半徑屬性
border-top-left-radius	使用此元素設置左上角半徑屬性
border-top-right-radius	使用此元素設置右上角半徑屬性
border-bottom-left-radius	使用此元素設置左下角半徑屬性
border-bottom-right-radius	使用此元素設置右下角半徑屬性

這四個屬性都可以同時設置1到2個值。如果設置1個值，表示水平半徑與垂直半徑相等。如果設置2個值，第一個值表示水平半徑，第二個值表示垂直半徑。