Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Stilizzare la classe calculator

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

challenge icon

Sfida

Facile

Imposta la classe calculator:

  1. Imposta il raggio del bordo a 10 pixel. 
  2. Imposta overflow su hidden.
  3. Imposta:
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

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