Hoe schaduwen toevoegen aan tekst in css

Thiswill les je hoe je schaduwen in CSS kunt toevoegen. Als de tekst geen afbeeldingsbestand is, kunt u een tag in uw CSS invoegen die een druppelschaduw toevoegen.

Stappen

  1. Titel afbeelding 12519946 1
1. Open uw CSS-bestand. U kunt elk Word-Processing-document zoals Kladblok gebruiken voor Windows of Text Bewerken voor Mac.
  • Titel afbeelding 12519946 2
    2. Plaats de volgende code:
    H1 {Text-Shadow: 2px 2px # ff0000-}
  • De waarden voor elk item duiden de horizontale schaduw (verplicht), verticale schaduw (verplicht), vervagen radius (optioneel), kleur (optioneel), en geen (de standaardinstelling die geen schaduw toont). De schaduwgrootte en de verhouding staan ​​in pixels, dus zorg ervoor dat u toevoegt "px" Naar de waarde - de kleur bevindt zich in de HEX-kleurcode, meestal een combinatie van zescijferige combinatie van letters en cijfers die de hoeveelheid rood, blauw en groen in de kleur aanwijst.
    • Dit voorbeeld toont 2 pixels van horizontale schaduw, 2 pixels van verticale schaduw, en de schaduwkleur is rood. Bijvoorbeeld, de schaduw-tag voor een tekst met een schaduw die 2 pixels horizontaal en verticaal is, heeft een 8 pixelscherpeffect en een zwartgekleurde schaduw zou er vergelijkbaar zijn met: Text-Shadow: 2px 2px 8px # 000000-.
  • Titel afbeelding 12519946 3
    3. Sla uw CSS-bestand op. Als u in staat bent, kunt u een test uitvoeren voordat u opslaat om te zien hoe uw codering live verschijnt, wat meestal een functie is met Visual Studio-code en Kladblok++.
    • Deel in het sociale netwerk:
    Vergelijkbaar