Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Stilizzare l'ID display

Lezione 7 di 14 del corso Progetto DOM - Calcolatrice di Coddy.

challenge icon

Sfida

Facile

Display ID di destinazione:

  1. Imposta il padding a 20px. 
  2. Imposta la dimensione del carattere a 30px.
  3. Imposta il bordo su none.
  4. Imposta text-align su right. 
  5. Imposta il colore di sfondo e il colore che preferisci!

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Progetto DOM - Calcolatrice

1Introduzione

Che cosa costruirai?

4Fallo funzionare

funzione appendToDisplayLezione di progettofunzione clearDisplayLezione di progettofunzione deleteLastLezione di progettofunzione calculateResultLezione di progetto

2Frontend I

Titolo e classe della calcolatriceDisplay, input e pulsantiLezione di progettoStilizzare il bodyLezione di progettoTutti i pulsantiLezione di progetto

3Frontend II

Stilizzare la classe calculatorLezione di progettoStilizzare l'ID displayLezione di progettoStilizzare la classe buttonsLezione di progettoStilizzare la classe btnLezione di progettoStilizzare la classe equalLezione di progetto

Esercitati da solo: Playground Web