Hvordan lage tekst Look Hullet i CSS
"Text-shadow" eiendom i CSS muliggjør en rekke visuelle teksteffekter, for eksempel skygger, glødende tekst og utstanset i teksten. Også kjent som "brev trykk" tekst, bryteeffekt bruker en tekstskygge med en liten forskyvning, subtil uskarphet og lys farge. Denne effekten fungerer best på mørkere bakgrunn, og fungerer ikke på en hvit bakgrunn i det hele tatt. De fleste moderne nettlesere støtter denne "text-shadow", selv om Internet Explorer ikke.
Bruksanvisning
1 Åpne din webside og finne "<style>" tags mellom "<head>" koder i HTML-koden. Legg denne koden hvis du ikke ser "<style>" tags:
<Style type = "text / css">
</ Style>
2 Legg en klasse navn som "stemplet" på noen tag der du vil vise tekst med puched-in effekt:
<P class = "stemplet"> Avsnitt ... </ p>
<P class = "red stemplet"> Red ledd ... </ p>
Legg merke til hvordan andre ledd i eksempelet bruker to klassenavn. Hvis du finner koden bruker allerede en klasse navn, tildele en ny en, og skille med en plass mellom hvert navn.
3 Lag en stil regel for den nye klassen mellom "<style>" tags:
stanses ut ved hjelp {
}
Prefiks klassen navn i CSS ved hjelp av en prikk, som vist i dette eksemplet.
4 Legg til "text-shadow" eiendommen til deg ny stil regelen. Gi skyggen ett piksel forskjøvet fra både toppen og venstre, en en-pixel uskarphet og en lys farge:
stanses ut ved hjelp {
text-shadow: 1px 1px 1px #ffffff;
}
Hint
- Siden Internet Explorer ikke støtter tekstskygger, valgte farger som holder teksten lesbar selv uten skygger.