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;">