html - テキスト入力の境界線を画像に置き換える

Question

入力テキストボックスの下枠を置き換えたい直線の画像があります。

 div{
   border-image:url("image.png");
 }

これは正しいアプローチですか？

Answer 1

ボックスのような画像を作成し、それを背景画像として使用することをお勧めします。

使用する場合border-imageは、これを参照してください http://css-tricks.com/understanding-border-image/

Answer 2

境界線の幅、画像の完全なパラメーターを定義する必要があります。イメージに応じて、このパラメータを変更する必要があります。

border-width:25px 30px 10px 20px;
border-image:url("image.png") 25 30 10 20 repeat;