Gumbi

Vse gumbe lahko obarvamo, tako ozadje kot besedilo. Primeri kažejo, kako se določi barve gumbov, obroba okrog gumbov itn. Velikost gumba se prilagodi pisavi, in nam ni potrebno nastavljati velikosti, samo v takem primeru bodo velikosti različne. Nekaj sem že pisal o tem v hover prispevku.

Gumbi

Za prvi primer bom prikazal enostavno obliko gumba, za kar lahko uporabimo kar inline CSS.

Barvni gumbi

Ko gumb želimo spremeniti, recimo barvo gumba, takrat moramo uporabiti sledeči slog.

Hover gumbi

Hover je funkcija, ki se sproži, ko gremo čez element z miško, in ta element potem spremeni obliko. Čisto preprosta funkcija, ki je zelo dobrodošla. Za aktiviranje atributa hover, enostavno v <style> vpišemo ime razreda:hover {oblikujemo hover atribut}.

V naslednjem primeru se bomo še bolj temeljito poglobili v atribut hover.

Gumbi navpično

Kaj pa, če želimo postaviti gumbe navpično?

Velikosti gumbov

Da spremenimo velikosti gumbov, uporabimo font-size lastnost.

Zaokroženi gumbi

V primerih sem že uporabljal ukrivljenost v gumbih, v naslednjem primeru bomo to pregledali podrobneje.