Image 样式HTML“；提交；带图像的按钮？

我想知道表单按钮上的图形

我使用表单按钮而不是链接，因为它们看起来更好

与此相反：

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

打印（“”）；
打印（“”）；

我有这个：

 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> ');

打印（“”）；
打印（“”）；
打印（“
”）；
打印（“”）；
打印（“
”）；
打印（“”）；
打印（“”）；
打印（“”）；
打印（“”）；
打印（“
”）；
打印（“”）；
打印（“
”）；
打印（“”）；

现在，在这种情况下，我想在按钮上使用拇指向上和向下的符号，而不是说“投票+”等等

---

有没有办法做到这一点？

您可以使用CSS来设置按钮样式，包括使用图像。这里有一些教程可以帮助你解决这个问题

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>

.btn1输入。提交按钮{
宽度：120px；
背景图片：url（/images/vote1.png）；
背景重复：无重复；
背景位置：3px中心；
填充物：5px；
.btn2输入。提交按钮{
宽度：120px；
背景图片：url（/images/vote2.png）；
背景重复：无重复；
背景位置：3px中心；
填充物：5px；

代码

打印（“”）；
打印（“”）；

或者……可以查看现有的站点代码。。。

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

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