CSS Butoane. Butoane rotunjite. Proprietatea border-radius. Margini butoane colorate. Proprietatea border.

Butoane rotunjite (Rounded Buttons)



Utilizați proprietatea border-radius pentru a adăuga colțuri rotunjite la un buton:

Exemplu:

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}

Margini butoane colorate (Colored Button Borders)



Utilizați proprietatea border pentru a adăuga un chenar colorat la un buton:

Exemplu:

.button1 {
  background-color: white;
  color: black;
  border: 2px solid #4CAF50; /* Green */
}
...