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.

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

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

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.

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

Da spremenimo velikosti gumbov, uporabimo font-size lastnost.

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