css3 border-image

這是一個截圖，我想作作種樣式的div.

最終效果

下面開始：

1. 首先打開windows 畫圖板，手繪一個圖形bg.jpg,歪歪扭扭就ok了：

   
   

2.      <style type="text/css">
       div {
           -moz-border-image: url(border.png) 30 30 stretch;
           /* Old Firefox */
           
           -webkit-border-image: url(bg.jpg) 10 10 stretch;
           /* Safari and Chrome */
           
           -o-border-image: url(bg.png) 20 30 stretch;
           /* Opera */
           
           border-image: url(bg.jpg) 10 10 stretch;
       }
       </style>