CSS Butoane. Stilarea butonului de bază. Culorile butoanelor. Proprietatea background-color.

Butoane CSS

Aflați cum puteți stabili butoanele folosind CSS.

Stilarea butonului de bază (Basic Button Styling)



Exemplu:

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

Culorile butoanelor (Button Colors)



Utilizați proprietatea background-color pentru a schimba culoarea de fundal a unui buton:

Exemplu:

.button1 {background-color: #4CAF50;} /* Green / Verde */
.button2 {background-color: #008CBA;} /* Blue / Albastru */
.button3 {background-color: #f44336;} /* Red / Rosu */
.button4 {background-color: #e7e7e7; color: black;} /* Gray / Gri */
.button5 {background-color: #555555;} /* Black / Negru */