CSS Formulare: Eigene Buttons gestalten

Mit CSS Style Sheet Befehlen oder Grafiken lassen sich neben den Formularfeldern auch langweilige Absende-Buttons etwas aufpeppen und an das Gesamt-Design der Website, des Blogs oder des Online-Shops anpassen.

Standardbutton:

 
<input type="submit" value="Absenden">

Mit zusätzlicher Grafik:

 
<input type="submit" value="  Absenden" 
style="background-image:url(fragezeichen.gif); 
background-repeat: no-repeat; 
background-position: 3px 2px;">

Mit (transparentem) Hintergrundbild:

 
<input type="submit" value=" Absenden " 
style="background-image:url(button_hgr.gif);">

Grafik als Button:

 
<input type="image" src="los.gif" border="0">

Button mit eigenem Rand:

 
<input type="submit" value="Absenden" 
style="border: 1px solid black;">

Button mit eigenen Farben:

 
<input type="submit" value="Absenden" 
style="border: 1px solid black; 
background-color: #8888FF; color: #FFFFFF;">