用图像替换文本输入的边框

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;