Oprogramowanie

Edytor HTML

Download

Zmiana wyglądu formularzy

Wiadomo, że standardowe formularze nie sa zbyt pieknę i często trzeba je dostosować do swojej strony www. W tej poradzie znajdziesz kilka ciekawych wzorów wraz z kodem CSS.

W CSS możesz zmieniać praktycznie wszystko: czcionkę, kolor, tło, szerokość , wysokość i wiele więcej... poniżej kilka przykładów. Bardzo zachęcam do eksperymentowania z CSS bo jest warto!

Przykład 1

Kod CSS:

.input1{ padding:5px; background:#F1F2F3; border: 1px solid #006699; font-size:10px; color:#0066CC; font-family:Verdana, Arial, Helvetica, sans-serif; }

Przykład 2

Kod CSS:

.input2{ border-left:10px solid #FF3300; border-bottom:1px solid #FF3300; border-top:1px solid #FF3300; border-right:10px solid #FF3300; font-size:12px; font-weight:bold; padding:5px; }

Przykład 3

Kod CSS:

.input3{ border:1px dashed #3399CC; background:#DDF1FB; width:200px; font-size:12px; font-weight:bold; padding:5px; }

Style możesz stosować nie tylko do pól typu "text" .

Autor porady: Daniel Perec
D.Perec@d4u.pl