スタイル画像に「送信」ボタンが付いていますか？

Question

フォームボタンのグラフィックに関する疑問があります。

私はリンクの代わりにフォームボタンを使用しています。なぜなら、彼らはよりよく見えるからです。これに代えて

：「このケースでは、私が代わりに言っての、ボタンの上にアップし、シンボルダウン親指を使いたい、今すぐ

print ('<TD VALIGN="center"> '); 
print ('<FORM METHOD="post" ACTION="vote.php?vote=up" REL="nofollow"> '); 
print ('<P ALIGN="CENTER"> '); 
print ('<INPUT TYPE="submit" VALUE="Vote +" /> '); 
print ('</P> '); 
print ('</FORM> '); 
print ('</TD> '); 
print ('<TD VALIGN="center"> '); 
print ('<FORM METHOD="post" ACTION="vote.php?vote=dn" REL="nofollow"> '); 
print ('<P ALIGN="CENTER"> '); 
print ('<INPUT TYPE="submit" VALUE="Vote -" /> '); 
print ('</P> '); 
print ('</FORM> '); 

：

print ('<A HREF="vote.php?vote=up" REL="nofollow">Vote +</A>&nbsp;'); 
print ('<A HREF="vote.php?vote=dn" REL="nofollow">Vote -</A> '); 

私はこれを持っています投票+ "など

これを行う方法はありますか？

Answer 1

イメージを使用することを含め、CSSを使用してスタイルボタンを使用することができます。ここであなたを助けるためのチュートリアルがいくつかあります。

http://www.tyssendesign.com.au/articles/css/styling-form-buttons/

http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

Answer 2

CSS

<style> 
.btn1 input.submit-button { 
    width: 120px; 
    background-image:url(/images/vote1.png); 
    background-repeat: no-repeat; 
    background-position: 3px center; 
    padding: 5px; 
.btn2 input.submit-button { 
    width: 120px; 
    background-image:url(/images/vote2.png); 
    background-repeat: no-repeat; 
    background-position: 3px center; 
    padding: 5px; 
</style> 

コード

print ('<INPUT TYPE="submit" VALUE="Vote +" class="btn1" /> '); 

print ('<INPUT TYPE="submit" VALUE="Vote -" class="btn2" /> ');