See Selgitatud õpetab, kuidas CSS-is tekstile varje lisada. Kui tekst ei ole pildifail, saate oma CSS-i lisada sildi, mis lisab varju.
1
Avage oma CSS-fail. Saate kasutada mis tahes tekstitöötlusdokumenti, näiteks Notepad for Windows või Text Edit for Mac.
2
Sisestage järgmine kood: H1 {text-shadow: 2px 2px #ff0000;} Iga kirje väärtused tähistavad horisontaalset varju (nõutav), vertikaalset varju (nõutav), hägususe raadiust (valikuline), värvi (valikuline) ja mitte ühtegi ( vaikeseade, mis ei näita varju). Varju suurus ja suhe on esitatud pikslites, seega lisage kindlasti väärtusele “px”; värv on hex värvikoodis, mis on tavaliselt kuuekohaline tähtede ja numbrite kombinatsioon, mis tähistab punase, sinise ja rohelise kogust värvis. See näide näitab 2 pikslit horisontaalset varju, 2 pikslit vertikaalset varju ja varju värv on punane. Näiteks teksti varimärgend, mille vari on horisontaalselt ja vertikaalselt 2 pikslit, on 8 pikslilise hägususe efektiga ja musta värvi vari näeb välja sarnane järgmiselt: text-shadow: 2px 2px 8px #000000;.
3
Salvestage oma CSS-fail. Kui saate, saate enne salvestamist testida, et näha, kuidas teie kodeering reaalajas kuvatakse, mis on tavaliselt Visual Studio Code ja Notepad++ funktsioon.