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;