Hvordan lage Shadow Tekst i CSS

CSS står for Cascading Style Sheets og arbeider innenfor et HTML-dokument for å definere hvordan HTML-elementer skal vises i løpet av en webside. Hvis du ønsker å legge en skygge til en tekst i et HTML-dokument, må du bruke en streng av CSS-kode for å gjøre det. Når du bruker CSS for å lage en tekstskygge, må du definere fire elementer for kode: fargen på skyggen, x-koordinat for skygge, y-koordinat av skyggen og radius uskarphet. Du kan eksperimentere med forskjellige verdier inntil du oppretter en skygge du er fornøyd med.

Bruksanvisning

1 Åpne CSS stilark refereres til i HTML-siden som inneholder teksten du vil legge til en skygge, ved hjelp av en HTML-editor eller i et tekstredigeringsprogram som Notisblokk eller TextEdit.

2 Sett følgende CSS-koden hvor som helst i CSS stilark:

p.shadow

{

text-shadow: # 6374AB 20px -12px 2 piksler;

}

3 Erstatt "# 6374AB" med heksadesimale fargen du ønsker skyggen skal være.

4 Erstatt "20" med x-koordinat av skyggen. Bruk et negativt tall hvis du vil at skyggen skal vises på venstre side av teksten; bruke et positivt tall hvis du vil at skyggen skal vises på høyre side av teksten.

5 Erstatt "-12" med y-koordinat av skyggen. Bruk et negativt tall hvis du vil at skygger vises under teksten; bruke et positivt tall hvis du vil at skyggen skal vises over teksten.

6 Erstatt "2" med radius av uskarphet for skyggeeffekt.

7 Lagre filen og laste den opp til serveren din. Åpne HTML-siden som inneholder teksten du ønsker å søke skygge til å bruke en HTML-editor eller tekst editor.

8 Finn tekststreng i dokumentet som du vil bruke skygge. Legg til følgende kode før teksten:

<P class = "skygge">

9 Legg til </ p> avsluttende koden på slutten av teksten som du vil legge til skygge.

10 Lagre filen og laste den opp til serveren din. Vis siden din for å se skyggeeffekt.