Sådan tilføjes skygger til tekst i css

Denne vilje lærer dig, hvordan du tilføjer skygger til tekst i CSS. Hvis teksten ikke er en billedfil, kan du indsætte et tag i dine CSS, der vil tilføje en drop shadow.

Trin

  1. Billede med titlen 12519946 1
1. Åbn din CSS-fil. Du kan bruge ethvert tekstbehandlingsdokument som Notepad til Windows eller Text Edit for Mac.
  • Billede med titlen 12519946 2
    2. Indsæt følgende kode:
    H1 {Text-Shadow: 2px 2px # FF0000-}
  • Værdierne for hver post betegner Horisontal skygge (påkrævet), lodret skygge (påkrævet), sløretradius (valgfrit), farve (valgfrit), og ingen (standardindstillingen, der ikke viser en skygge). Skyggenstørrelsen og forholdet er i pixels, så sørg for at tilføje "px" Til værdien - farven er i hex farvekode, som normalt er en sekscifret kombination af bogstaver og tal, der betegner mængden af ​​rød, blå og grøn i farven.
    • Dette eksempel viser 2 pixels vandret skygge, 2 pixels lodret skygge, og skyggefarven er rød. For eksempel har skygge-mærket til en tekst med en skygge, der er 2 pixels vandret og lodret, en 8 pixel sløret effekt, og en sortfarvet skygge ville ligne: Tekstskygge: 2px 2px 8px # 000000-.
  • Billede med titlen 12519946 3
    3. Gem din CSS-fil. Hvis du er i stand til, kan du køre en test, før du gemmer for at se, hvordan din kodning vises live, som normalt er en funktion med visuel studio kode og notesblok++.
    • Del på sociale netværk :
    Lignende