HTMLに画像ボタンを設定する方法

html画像ボタンを設定する方法: 最初に HTML サンプル ファイルを作成し、次に button タグを使用してボタンを作成し、最後に background 属性を使用して画像を設定します。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

画像を HTML のボタンに変える

コードは次のとおりです:

<input type="image">
<input type="submit" style="background: url(&#39;图&#39;) no-repeat;">
<input type="button" style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">
<button style="background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js">文字</button>
<img  src="图" οnclick="提交的js" alt="HTMLに画像ボタンを設定する方法" >
<span style="border:1px solid #000000;background: url(&#39;图&#39;) no-repeat;" οnclick="提交的js"> </span>

関連紹介:

タグ ユーザー情報を収集するため。

さまざまな type 属性値に応じて、入力フィールドには多くのフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、マスクされたテキスト コントロール、ラジオ ボタン、ボタンなどがあります。

Background 省略表現プロパティは、1 つの宣言ですべての背景プロパティを設定します。

次のプロパティを設定できます:

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

値のいずれかが一致しない場合設定しないと問題が発生しますが、background:#ff0000 url('smiley.gif'); も許可されます。

この属性は古いブラウザでより適切にサポートされ、入力する必要がある文字が少なくなるため、個々の属性を個別に使用するのではなく、この属性を使用することを一般的にお勧めします。

【推奨学習: html ビデオ チュートリアル 】

以上がHTMLに画像ボタンを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。