kurz und bündig,
der Quelcode ist selbsterklärend,
probier es aus, macht richtig viel Spass!!!
<html>
<head>
<title>Formulare und Formularelemente gestalten mit CSS</title>
<style type="text/css">
<!--
form
{ font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
input, select, textarea
{ color:#FFFFFF; }
.Bereich, .Feld
{ background-color:#999999; width:300px; border:6px solid #DDDDDD; }
.Auswahl
{ background-color:#99999; width:300px; border:6px solid #DDDDDD; }
.Check, .Radio
{ background-color:#999999; border:1px solid #DDDDDD; }
.Button
{ background-color:#999999; color:#FFFFFF; width:200px; border:6px solid #DDDDDD; }
-->
</style>
</head>
<body>
<h1></h1>
<form action="
http://selfhtml.teamone.de/...bin/comments.pl"> <table border="0" cellpadding="3" cellspacing="0">
<tr>
<td align="right">Vorname:</td>
<td><input name="Vorname" type="text" class="Feld" size="30" maxlength="30"></td>
</tr><tr>
<td align="right">Zuname:</td>
<td><input name="Zuname" type="text" class="Feld" size="30" maxlength="40"></td>
</tr><tr>
<td align="right" valign="top">Geschlecht:</td>
<td>
<input type="radio" class="Radio" name="Geschlecht" value="m"> männlich<br>
<input type="radio" class="Radio" name="Geschlecht" value="w"> weiblich
</td>
</tr><tr>
<td align="right" valign="top">Gebiet:</td>
<td>
<input type="checkbox" class="Check" name="Eigenschaft" value="Raucher"> Poesie<br>
<input type="checkbox" class="Check" name="Eigenschaft" value="Autofahrer"> Bilder<br>
<input type="checkbox" class="Check" name="Eigenschaft" value="HTMLFreak"> Webdesign </td>
</tr><tr>
<td align="right" valign="top">Nächste Großstadt:</td>
<td>
<select name="Grossstadt" class="Auswahl" size="1">
<option value="Hamburg">Hamburg</option>
<option value="Berlin">Berlin</option>
<option value="Frankfurt">Frankfurt</option>
<option value="Muenchen">München</option>
</select>
</td>
</tr><tr>
<td align="right" valign="top">Kommentar:</td>
<td><textarea name="Text" class="Bereich" rows="10" cols="50"></textarea></td>
</tr><tr>
<td align="right">Formular:</td>
<td>
<input type="submit" class="Button" value="Absenden">
<input type="reset" class="Button" value="Abbrechen">
</td>
</tr>
</table>
</form>
</body>
</html>
