CSS teksti

TEKSTIMUOTOILU

Tekstimuotoilu

Tämä teksti on tyylitetty joillakin tekstimuotoilun ominaisuuksilla. Otsikko käyttää text-align, text-transform ja color ominaisuuksia. Paragrafi on sisennetty, tasoitettu ja merkkien välistä etäisyyttä on määritetty. Alaviiva poistettiin tästä värikästä "Kokeile itse" linkistä.

Tämä teksti käyttää joitakin tekstimuotoilun ominaisuuksia tyylittämiseen. Otsikko käyttää text-align, text-transform ja color ominaisuuksia. Paragrafi on sisennetty, tasoitettu ja merkkien välistä etäisyyttä on määritetty. Alaviiva poistettiin tästä värikästä“Kokeile itse”Alaviiva poistettiin linkistä.

Kokeile itse

Tekstiväri

color Ominaisuus asettaa tekstin väriä. Väri määritetään seuraavilla arvoilla:

  • Väri nimi - esimerkiksi "red"
  • Hexavärin arvo - esimerkiksi "#ff0000"
  • RGB-arvot - esimerkiksi "rgb(255,0,0)"

Näytä CSS-värimerkit，saadaksesi täydellisen luettelon mahdollisista värimaista.

sivun oletusarvoinen tekstin väri määritetään body-valitsimessa.

Esimerkki

body {
  color: blue;
}
h1 {
  color: green;
}

Kokeile itse

Vinkki:W3C-sopiville CSS:lle: Jos määrität color ominaisuus, on myös määriteltävä background-color ominaisuudet.

tekstin väri ja taustaväri

Tässä esimerkissä meillä on määritelty background-color Ominaisuus ja color Ominaisuus:

Esimerkki

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

Kokeile itse