用圖像替換文本輸入的邊框

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;