Πώς να δημιουργήσετε: Πλήρες πλάτος (κλιμακωτό) κουμπί

Μάθετε πώς να ρυθμίσετε τη μορφοποίηση του κείμενο-ζώνη κουμπιού (πλήρες πλάτος) χρησιμοποιώντας το CSS.

Πώς να ρυθμίσετε τη μορφοποίηση του κείμενο-ζώνη κουμπιού

Πρώτος βήμας - Προσθήκη HTML:

<button type="button" class="block">Κείμενο-ζώνη Κουμπί</button>

Δεύτερος βήμας - Προσθήκη CSS:

Για να δημιουργήσετε ένα κείμενο-ζώνη κουμπιού, προσθέστε 100% πλάτος και κάντε το στοιχείο κείμενου κλιμακωτό:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

Δοκιμάστε το προσωπικά

Σελίδες σχετικές

Εκμάθηση:Κουμπί CSS