#b2 { border-radius: 30px; } /* 四周圓角半徑30像素 */

#b2 { border-radius: 50%; } /* 四周圓角半徑為寬高的50%, 正方形會變成正圓形 */

#b2 { border-top-left-radius: 50%; border-bottom-right-radius: 50%; } /* 只有左上方及右下方設定50%的圓角 */

#b2 { border-radius: 50% 50% 0 0; } /* 以 border-radius: 左上角 右上角 右下角 左下角; 可以同時設定不同數值的四個圓角 */

#b3 { border-radius: 50%; }

#b3 { border-image: url(../images/test/border.png) 30 30 0 stretch; background-clip: border-box; }
      /* 影像檔案   邊框圖向內偏移   邊框圖的寬度   邊框圖向外移動的距離   設定是延伸的/重複的; */
      /* background-clip:border-box; 是預設值可省略不寫, 表示邊框處以內皆會呈現背景顏色 */
      /* stretch為延伸式, round為重複式 */

#b3 { border-image: url(../images/test/border.png) 30 30 round; }

#b3 { border-image: url(../images/test/border.png) 30 30 round; background-clip: padding-box; }
      /* padding-box 表示 padding 以內皆會呈現背景顏色, 邊框處不會呈現背景顏色 */

#b3 { border-image: url(../images/test/border.png) 30 30 round; background-clip: content-box; }
      /* content-box 表示只有內容區域會呈現背景顏色, 邊框與padding區不會呈現背景顏色 */

#b3 { border-image: url(../images/test/border3.png) 30 30 round; background-clip: padding-box; }

#b3 { border-image: url(../images/test/border4.png) 10 10 stretch; background-clip: padding-box; }