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

时间:2012-09-24 10:48:15

标签: html css

我有一个直线图像,我想替换输入文本框的下边框。

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

这是正确的方法吗?

2 个答案:

答案 0 :(得分:2)

最好创建一个类似于图像的框并将其用作背景图像。

如果您想使用border-image,请参阅此http://css-tricks.com/understanding-border-image/

答案 1 :(得分:0)

您应该为边框定义宽度,完成图像的参数。您应该根据图像更改此参数。

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