一、邊框

邊框四邊同時設置：

border:1px（寬度） solid（樣式） #ddd（顏色）;

各邊邊框分別設置：

border-top/border-left/border-right/border-bottom

二、邊框樣式

三、邊框圓角

border-radius:1px（左上） 1px（右上） 1px（左下） 1px（右下）;

1、邊框畫圓形：

元素為正方形，border-radius:50%

例如：

div{    width: 100px;height: 100px;    border:4px solid #999;    border-radius: 50%;}

2、邊框畫橢圓：

元素為長方形，border-radius:50%（橫向半徑）/50%（縱向半徑）

例如：

div{    width: 100px;height: 50px;    border:4px solid #999;    border-radius: 50%/50%;}

3、邊框畫兩側圓：

元素為長方形，border-radius:3px（不大于border寬度）/50%（縱向半徑）

例如：

div{    width: 100px;height: 50px;    border:4px solid #999;    border-radius: 3px/50%;}

三、邊框陰影

box-shadow:

(inset) 1px（X軸偏移值） 1px（Y軸偏移值）  1px（投影半徑） (陰影尺寸) 顏色;

說明：

inset：表示向內投影，不設置即默認向外投影。

投影半徑：模糊度和寬度，值越大越模糊，寬度越大。

陰影尺寸：陰影擴展量，擴展量之外才開始模糊。