CSS Butoane. Butoane rotunjite. Proprietatea border-radius. Margini butoane colorate. Proprietatea border.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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 */
}
...