[CSS] Jakie części kodu stylować, żeby wyglądało ładniej (inaczej)


(Riordianin) #1

Tak jak w temacie, jest to skrypt PHP formularza (to akurat na dole to textboxy do niego), on działa, ale wygląda zwyczajnie, co mi się nie podoba.

KOD:

<form action="../PHP/kontakt.php" name="zapytanie" method="post">
<table border="0" align="center" class="tekst" cellpadding="0" cellspacing="0">
<tr> <td height="5"> </td>
</tr>
<tr> 
<td class="tekst11">Imię i nazwisko: <br>
<input type="text" name="osobakontaktowa" size="20" maxlength="45" style="width:200px; HEIGHT:20px;" class="inputszukaj">
</td>
</tr><tr> 
<td height="5"> </td>
</tr>
<tr> 
<td class="tekst11">Numer telefonu:<br>
<input type="text" name="telefon" size="20" maxlength="45" style="width:200px; HEIGHT:20px;" class="inputszukaj">
</td>
</tr>
<tr> 
<td height="5"> </td>
</tr><tr> 
<td class="tekst11">Email kontaktowy:<br>
<input type="text" name="email" size="20" maxlength="45" style="width:200px; HEIGHT:20px;" class="inputszukaj">
</td>
</tr><tr> 
<td height="10"> </td>
</tr>
<tr> 
<td class="tekst11"> Wiadomość:<br>
<textarea name="wiadomosc" cols="40" rows="5" style="width:200px" class="inputszukaj"></textarea>
</td>
</tr>
<tr> 
<td align="left"> 
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr align="center"> 
<td width="50%" align="right"> 
<input type="submit" name="send" value="wyślij" class="inputszukaj">
</td>
<td width="50%" align="right"> 
<input type="reset" name="reset" value="usuń" class="inputszukaj">
</td></tr></table></td></tr></table></form></td></tr>
</table></td></tr>

Chodzi mi o zmianę nie tylko wymiarów, to jest pikuś...

Np. o zmianę tła textboxu, albo zmianę czcionki w nich.


(Albert) #2
input {
background: red;
font: 12px Arial, sans-serif;
color: white;
padding: 5px;
border: 2px solid blue;
border-radius: 6px;
}

tak dla przykładu zmiana wyglądu inputów