今天就跟大家聊聊有關如何在html中設置圖片按鈕，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
html中把圖片變成按鈕
代碼如下：
<input type="image">
<input type="submit" style="background: url('圖') no-repeat;">
<input type="button" style="background: url('圖') no-repeat;" οnclick="提交的js">
<button style="background: url('圖') no-repeat;" οnclick="提交的js">文字</button>
<img src="圖" οnclick="提交的js">
<span style="border:1px solid #000000;background: url('圖') no-repeat;" οnclick="提交的js"> </span>相關介紹：
<input> 標簽用于搜集用戶信息。
根據不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
background 簡寫屬性在一個聲明中設置所有的背景屬性。
可以設置如下屬性：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不設置其中的某個值，也不會出問題，比如 background:#ff0000 url('smiley.gif'); 也是允許的。
通常建議使用這個屬性，而不是分別使用單個屬性，因為這個屬性在較老的瀏覽器中能夠得到更好的支持，而且需要鍵入的字母也更少。
看完上述內容，你們對如何在html中設置圖片按鈕有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
