為input文字框設定背景圖片

admin發表於2017-02-09
很多文字框都帶有背景圖片,不但美觀,還是提示的功能,下面就介紹一下如何實現此功能。

程式碼如下:

[CSS] 純文字檢視 複製程式碼
input{ 
  background-image:url('back-image.gif'); 
  background-repeat:no-repeat; 
  padding-left:20px; 
}

由以上程式碼可以看出,設定背景圖片很簡單,用 background-image設定一個背景圖就可以了。


相關文章