Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Correggi un Layout Danneggiato | Sezione
Fondamenti di CSS

bookSfida: Correggi un Layout Danneggiato

Scorri per mostrare il menu

Ti vengono fornite tre schede. Aggiorna il layout seguendo i seguenti requisiti. Ogni scheda deve:

  • Avere una larghezza di 200px.
  • Avere uno spazio interno di 20px.
  • Avere 15px di spazio tra le schede.
  • Avere un bordo di 2 pixel di larghezza, con stile solido e colore grigio.
  • Mantenere la larghezza dichiarata invariata anche dopo aver aggiunto padding e bordo.
index.html

index.html

index.css

index.css

copy
  • Utilizzare la proprietà width per definire la larghezza dell'elemento.
  • Utilizzare padding per lo spazio interno.
  • Utilizzare margin per creare spazio tra le schede.
  • Utilizzare border: 2px solid gray per aggiungere il bordo.
  • Utilizzare box-sizing: border-box per evitare che padding e bordo aumentino la larghezza totale.
index.html

index.html

index.css

index.css

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 13

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 1. Capitolo 13
some-alt