CSS3 圓角是現代網頁設計中非常常見的元素，通過圓角的運用，能讓網站看起來更加美觀流暢。下面是圓角的一些基本知識。

1.基本語法

div{
border-radius: 5px; //設置四個角的圓角半徑為5px
}

2.設置不同圓角半徑

div{
border-radius: 10px 5px 2px 8px; //分別設置四個角的半徑
}

3.使用關鍵字

div{
border-radius: 50% 0 0 50%; //設置一個半圓形(左上和右下)
}

4.使用多個圓角

div{
border-top-left-radius: 20px;
border-top-right-radius: 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 8px;
}

5.應用陰影效果

div{
border-radius: 10px;
box-shadow: 0 0 10px #ccc; //設置陰影效果
}

總結

使用 CSS3 圓角能夠為網站帶來更高的美觀度，且設置簡單靈活，能夠滿足絕大多數設計需求。但是在設置圓角時，需注意不同元素和不同場合的需求以及效果表現。