css3では、画像を使ったボーダーが可能です。現在のcss3対応は、各モダンブラウザの機能拡張として実装されているため、各ブラウザ用に記述しなければならないのがちょっと面倒です（他のcss3も同様）。非対応のブラウザの場合、ソースのラストに記述したボーダースタイルが適用されます。薄いグレーの幅10pxのボーダーが表示されていたら非対応です。
※IE用のベンダープレフィックスも記述していますが非対応のようです。

サンプル1のソース

-moz-border-image: url(images/dot.png) 10 0 round round;
-webkit-border-image: url(images/dot.png) 10 0 round round;
-ms-border-image: url("images/ot.png") 10 0 round round;
border-image: url(images/dot.png) 10 0 round round;
border-style:solid; border-width:10px; border-color:#cccccc;
					

サンプル2のソース

-moz-border-image: url(images/dot2.png) 15 round;
-webkit-border-image: url(images/dot2.png) 15 round;
-ms-border-image: url("images/ot.png") 15 round;
border-image: url(images/dot.png)  15 round;
border-style:solid; border-width:10px; border-color:#cccccc;
					

サンプル1　元画像：

サンプル2　元画像：