Hoe om skaduwees by te voeg in die css

Dit sal jou leer hoe om skaduwees by te voeg in die CSS. As die teks nie `n beeldlêer is nie, kan jy `n merker in jou CSS voeg wat `n druppelskadu sal byvoeg.

Stappe

  1. Beeld getiteld 12519946 1
1. Maak jou CSS-lêer oop. U kan enige woordverwerkingsdokument soos Notepad vir Windows of Text Edit vir Mac gebruik.
  • Beeld getiteld 12519946 2
    2. Voeg die volgende kode in:
    H1 {TEKST-SHADOW: 2PX 2PX # FF0000-}
  • Die waardes vir elke inskrywing wys die Horisontale skaduwee (vereis), vertikale skaduwee (vereis), vervaag radius (opsioneel), kleur (opsioneel), en geen (die verstekstelling wat nie `n skaduwee toon nie). Die skaduwee grootte en die verhouding is in pixels, dus maak seker dat jy byvoeg "px" tot die waarde-die kleur is in Hex-kleurkode, wat gewoonlik `n ses-syfer-kombinasie van letters en getalle is wat die hoeveelheid rooi, blou en groen in die kleur aanwys.
    • Hierdie voorbeeld toon 2 pixels van horisontale skaduwee, 2 pixels van vertikale skaduwee, en die skaduwee kleur is rooi. Byvoorbeeld, die skadu-tag vir `n teks met `n skaduwee wat 2 pixels horisontaal en vertikaal is, het `n 8 pixel vervaag effek, en `n swartkleurige skaduwee sal soortgelyk wees aan: Teks-skaduwee: 2px 2px 8px # 000000-.
  • Beeld getiteld 12519946 3
    3. Stoor jou CSS-lêer. As jy in staat is om, kan jy `n toets hardloop voordat jy dit stoor om te sien hoe jou kodering woon, wat gewoonlik `n kenmerk is met Visual Studio-kode en Notepad++.
    • Deel op sosiale netwerke:
    Soortgelyk