Pulsanti

Lezione 7 di 10 del corso Cronometro - Progetto HTML/CSS/JS di Coddy.

Sfida

Facile

Stilizza i pulsanti come preferisci! Ecco alcune modifiche obbligatorie per il tag button:

imposta il cursore su pointer
imposta il padding su un valore diverso da quello predefinito
scegli un colore di sfondo diverso da quello predefinito
bonus: un effetto al passaggio del mouse!

Ecco un esempio del risultato:

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 Cronometro - Progetto HTML/CSS/JS

1Introduzione

Panoramica

4Parte JS

Avvio e arresto di base

Cronometro funzionante

Reimposta

2Parte HTML

Contenitore Paragrafo

Pulsanti

3Parte CSS

Corpo

Tempo

Pulsanti

Esercitati da solo: Playground Web