Formulare CSS. Intrări mărginite. Proprietatea border. Proprietatea border-radius.

Intrări mărginite (Bordered Inputs)

Utilizați proprietatea border pentru a modifica dimensiunea și culoarea border-ului și utilizați proprietatea border-radius pentru a adăuga colțuri rotunjite(corners rounded):



Exemplu:

input[type=text] {
  border: 2px solid red;
  border-radius: 4px;
}

Dacă doriți doar un bottom border, utilizați proprietatea border-bottom:




Exemplu:

input[type=text] {
  border: none;
  border-bottom: 2px solid red;
}