CSS Butoane. Mărimea butoanelor. Proprietatea font-size. Proprietatea padding.

Mărimea butoanelor (Button Sizes)



Utilizați proprietatea font-size pentru a modifica dimensiunea fontului unui buton:

Exemplu:

.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {font-size: 16px;}
.button4 {font-size: 20px;}
.button5 {font-size: 24px;}

Utilizați proprietatea padding pentru a schimba umplerea unui buton:



Exemplu:

.button1 {padding: 10px 24px;}
.button2 {padding: 12px 28px;}
.button3 {padding: 14px 40px;}
.button4 {padding: 32px 16px;}
.button5 {padding: 16px;}