Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Korjaa Rikkinäinen Asettelu | Osio
CSS:n Perusteet

bookHaaste: Korjaa Rikkinäinen Asettelu

Pyyhkäise näyttääksesi valikon

Sinulle on annettu kolme korttia. Päivitä asettelu seuraavien vaatimusten mukaisesti. Jokaisella kortilla tulee olla:

  • Leveys 200px.
  • 20px sisäinen väli.
  • 15px väli korttien välillä.
  • Reunus, joka on 2 pikseliä leveä, tyyliltään solid ja väriltään harmaa.
  • Määritelty leveys ei muutu, vaikka lisäät täytettä ja reunuksen.
index.html

index.html

index.css

index.css

copy
  • Käytä width-ominaisuutta määrittääksesi elementin leveyden.
  • Käytä padding-ominaisuutta sisäiseen väliin.
  • Käytä margin-ominaisuutta luodaksesi väliä korttien välille.
  • Käytä border: 2px solid gray lisätäksesi reunuksen.
  • Käytä box-sizing: border-box, jotta täyte ja reunus eivät kasvata kokonaisleveyttä.
index.html

index.html

index.css

index.css

copy
Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 13

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 13
some-alt