Värien Käyttö Tailwind CSS:ssä
Värit
Tailwind CSS tarjoaa laajan valikoiman väriapuohjelmia, joita voidaan käyttää elementteihin. Näiden apuohjelmien avulla voidaan nopeasti määrittää taustavärit, tekstivärit ja reunavärit.
Huomautus
Näiden luokkien numerot kuvaavat perusvärin eri sävyjä. Numerot vaihtelevat välillä
50–900:
- Pienemmät numerot (esim.
50): Vaaleammat sävyt;- Suuremmat numerot (esim.
900): Tummemmat sävyt.
Taustavärit
Käytä etuliitettä bg- ja lisää värin nimi sekä sävy.
index.html
Tekstin värit
Käytä etuliitettä text- ja lisää värin nimi sekä sävy.
index.html
Reunavärit
Käytä etuliitettä border- ja lisää värin nimi sekä sävy.
index.html
Huomio
Kaikki olemassa olevat värit löytyvät alla olevasta Tailwind-dokumentaatiosta.
1. Mitä luokkaa käyttäisit asettaaksesi taustavärin siniseksi?
2. Mitä apuluokkaa käyttäisit asettaaksesi tekstin väriksi harmaan?
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 3.57Värien Käyttö Tailwind CSS:ssä
Pyyhkäise näyttääksesi valikon
Värit
Tailwind CSS tarjoaa laajan valikoiman väriapuohjelmia, joita voidaan käyttää elementteihin. Näiden apuohjelmien avulla voidaan nopeasti määrittää taustavärit, tekstivärit ja reunavärit.
Huomautus
Näiden luokkien numerot kuvaavat perusvärin eri sävyjä. Numerot vaihtelevat välillä
50–900:
- Pienemmät numerot (esim.
50): Vaaleammat sävyt;- Suuremmat numerot (esim.
900): Tummemmat sävyt.
Taustavärit
Käytä etuliitettä bg- ja lisää värin nimi sekä sävy.
index.html
Tekstin värit
Käytä etuliitettä text- ja lisää värin nimi sekä sävy.
index.html
Reunavärit
Käytä etuliitettä border- ja lisää värin nimi sekä sävy.
index.html
Huomio
Kaikki olemassa olevat värit löytyvät alla olevasta Tailwind-dokumentaatiosta.
1. Mitä luokkaa käyttäisit asettaaksesi taustavärin siniseksi?
2. Mitä apuluokkaa käyttäisit asettaaksesi tekstin väriksi harmaan?
Kiitos palautteestasi!
