Haaste: 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.css
- 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 graylisätäksesi reunuksen. - Käytä
box-sizing: border-box, jotta täyte ja reunus eivät kasvata kokonaisleveyttä.
index.html
index.css
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 13
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Osio 1. Luku 13