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.