1. Åpne et html tekst editor som Dreamweaver eller Notepad ++ og opprette et nytt dokument
Hvis du ikke har de viktigste kodene men du kan kopiere lime mine:.

<! DOCTYPE html >
< html >
< head >
< meta http-equiv = "Content-Type" content = "text /html; charset = utf- 8 "/>
< title > Dreevoo.com | Online Learning | Kunnskapsdeling < /title >
Du kan selvfølgelig legge inn din egen side tittel. Og hvis du allerede vet dette grunnleggende ting kan du hoppe til trinn 2 for å se den faktiske koden for gravert tekst effekt
2. La oss nå definere stilen for vår tekst
<..; style type = "text /css" >
p product: {
color: # 333;
font-size: 24px;
font-family: "Trebuchet MS"; Anmeldelser text-shadow: 0px 1px 0px RGBA (255255255255);
}
å forklare koden:
< style type = "text /css" > med denne taggen definerer vi at vi kommer til å opprette en ny stil med egenskaper for vår tekst
farge:. # 333; vi har definert tekstfarge som skal bli mørkere, men i likhet med bakgrunnsfargen. I mitt tilfelle er det mørk grå (# 333) og bakgrunnsfargen lys grå (#CCCCCC)
font-size:. 24px; vi satt skriftstørrelsen til 24 piksler
font-family: ". Trebuchet MS"; . vi sett skriften på teksten til Trebuchet MS
text-shadow: 0px 1px 0px RGBA (255255255255); Dette er teksten eiendom der vi definerer gravert tekst effekt, eller for å være mer presis vi lagt en skygge på teksten som gir den gravert utseende. Med de to første px argumenter definerer vi skyggen off-set; første (0px i mitt tilfelle) representerer den horisontale offset, noe som betyr at skyggen til høyre hvis tallet er positivt, skygge til venstre hvis tallet er negativt eller ingen skygge hvis tallet er 0. Det andre argumentet (1px i mitt tilfelle) representerer den vertikale forskyvningen, som betyr skyggen under teksten hvis tallet er positivt, skygge ovenfor hvis tallet er negativt eller ingen skygge hvis tallet er 0. Tredje argument representerer uskarphet av skyggen. RGBA (255255255255) er fargen på skyggen, hvit i mitt tilfelle
. ≪ /style > med denne taggen vi lukke /avslutte vår stil.
3. Nå kan du skrive inn tekst, lagre det som en .html dokument enn åpne den i nettleseren din og se hvordan det fungerer for deg.
< body >
< body bgcolor = "# CCCCCC" >
< p > Dreevoo.com :: kunnskapsdeling og nettbasert læring laget for folk < /p >
< /body >
< /html >
4. Og dette er hvordan min gravert web tekst ser ut. Leke seg og eksperimentere litt med tekst-skyggeattributter for å se hvordan tekstendringer.
Klikk her for å åpne og /eller laste ned .html filen fra denne gravert nettstedet teksten opplæringen.
<