background-image Damit kommt der Hintergrund aber es fehlt noch dieser Code: . url(images/upload.gif) dies ist die Bilddatei (Hintergrundbild) du musst IMMER url(http://deineadresse.de/images/back.gif); .
Color: Die Textfarbe z.B Weiß = #FFFFFF oder Rot = #FF0000 oder Schwarz = #000000
Border: Der Rahmen dieses ist dan um den Button . Also dies ist eine art Button Rahme
---- 1px = Die Breite des Border 1px,2px,3px...
---- solid = Also wie der Rahmen aussehen soll solid ganz normal also eine normaler Rahmen.
---- gray = Border Farbe kann auch durch einen Hex-Code ersetzt werden z.B #FF0000 für Rot
Code:
value="Buttontext"
Wo Buttontext steht da kannst du deinen Text oder Wort reinschreiben den man später auf dem Button sieht.
So das wars mit meinen Tutorial ich werde bald ein neues machen mit CSS und HTML Achso die Grafiken für die Hintergründe müsst ihr natürlich selber machen
mfg,
youfree
P.S:
Benutze diesen Code wen du eine Farbe als hintergrund möchtest:
Über Klassen kann man dann auch einen Rahmen einstellen, ist aber Blödsinn, wenn man für einen Button eine Hintergrundgrafik macht, dann sollte man dieser Grafik sämtliche gewünschte Features hinzufügen, sprich den Rahmen auf die Grafik packen.
Der inputtype image funktioniert genau so wie submit.
Tipp:
Warum hast du keine Klassen genutzt? Es geht beim Webdesign um die Trennung von Inhalt und Aufbau.
Achso die Grafiken für die Hintergründe müsst ihr natürlich selber machen 
