css3 border-image_html/css_WEB-ITnose

これはスクリーンショットです。スタイル付きの div を作成したいです。

最終効果

以下から始めます:

まず、Windows 製図ボードを開いて、グラフィック bg.jpg を手描きすればOKです。曲がっている場合:

     <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>