border-radius是向元素添加圓角邊框。

使用方法：1. border-radius:10px; /* 所有角都使用半徑為10px的圓角 */

　　　　　2. border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角，順時針 */

利用border-radius可以做出各種半圓效果。

1，實心上半圓：

方法：把高度(height)設為寬度（width）的一半，並且只設置左上角和右上角的半徑與元素的高度一致（大於也是可以的）。

div{
    height:50px;/*是width的一半*/
    width:100px;
    background
 
:#9da;
    border-radius:50px 50px 0 0;/*半徑至少設置為height的值*/
    }

效果：

還可以通過gorder-fadius做出更多的圓形

CSS3邊框 圓角效果 border-radius