Podczas dodawania przycisku do strony internetowej zaleca się używanie CSS do tworzenia jego stylizacji. Wykorzystanie CSS jest preferowaną metodą, ponieważ jest to bardziej wydajny i zorganizowany sposób przechowywania kodu stylu do ponownego użycia w więcej niż jednym obszarze na stronie lub stronie. Jak widać na poniższym przykładzie, wiele atrybutów można wykorzystać do manipulowania każdym typem przycisku.

Tekst CSS do stylizacji przycisków

#submit {background-color: #bbb; wyściółka: .5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 6px; kolor: #fff; font-family: 'Oswald'; rozmiar czcionki: 20px; dekoracja tekstowa: brak; granica: brak; } #submit: hover {border: none; tło: pomarańczowy; box-shadow: 0px 0px 1px # 777; }

Kod HTML do utworzenia przycisku

Po dodaniu CSS do strony, CSS można zastosować do dowolnego przycisku za pomocą kodu w HTML.

Przykładowy przycisk

Przykład przycisku utworzonego przez CSS

Na powyższym przykładzie widać, że gdy mysz nie unosi się nad przyciskiem, przycisk ma jasnoszare tło i biały tekst. Gdy wskaźnik myszy znajdzie się nad przyciskiem, tło zmieni kolor na pomarańczowy. Również rogi przycisku są zaokrąglone, a nie kwadratowe, jak standardowy przycisk formularza.