Internet Explorer , Firefox , Opera og Google Chrome , blant andre nettlesere , har samme standardinnstillingen for hypertekst lenker . Hvis koblingen ikke har blitt klikket eller besøkt , er teksten blå . Hvis nettsiden ble besøkt eller teksten ble klikket på , er teksten magenta . Følgende viser de nødvendige trinnene for å endre unvisited lenketeksten farge og besøkt lenketeksten farge. Du trenger
tekst editor som SourceEdit
Document laster opp programvare som FileZilla
Vis flere instruksjoner
oppsett , stil og Instruksjoner
en
Lag en standard XHTML-dokument som vist , og lagre det som "link - color.html " : < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd "> < html xmlns =" http://www.w3.org/1999/xhtml " xml : lang = " no "
2
Skriv inn følgende mellom
< /title >-kodene , for å gi HTML-dokumentet en sidetittel : <title> CSS Link Color < /title> <br> <br> 3 <p> Legg begynnelsen og slutten <style> < /style > koder mellom <head><meta name=viewport content="width=device-width, initial-scale=1.0"> </head> tags: <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> CSS Link Color < /title> < ; style> < /style > < /head> <br> 4 <p> Lag en lenke til Googles hjemmeside , som vist : <a href="http://www.google.com"> ; . Googles hjemmeside < /a > Plasser denne koden mellom <body> < /body >-kodene <br> 5 <p> Type tag " a" mellom <style> < /style > tags . Deretter skriver du et par klammeparentes "{ }" . Deretter skriver du " color: green ; " mellom de klammeparentes , som vist : <style> a { color: green ; } < /style > Ved å gjøre dette, <style> < /style >-kodene skape en style sheet , som inneholder instruksjoner for hvordan elementene på en webside vises . I dette tilfellet vil alle " en " tag på nettsiden har grønn tekst. Attributtet "farge " står for skriftfarge. Verdien på skriften farge , i dette tilfellet , er grønn. <br> 6 <p> Trykk på " Enter"-tasten etter klammeparentes i trinn 5 . Skrive inn den andre instruksjon, som vist : a: visited {color : lime ;} Ordet " besøkt" er en pseudo - klassen, noe som betyr at når brukeren klikker teksten mellom "a" tag , slår teksten lime- grønn . <br> 7 <p> Lagre og laste opp filen . Hvis du ikke har besøkt Google i dag , da koblingen farge vil være grønn . Klikk på linken. Nå treffer på tilbake-knappen og oppdater siden . Din link fargen skal være limegrønn . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88766.html' >HTML mailto Tutorial </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88768.html' >Hvordan øke ytelsen til en Crystal Report så det vil kjøre fortere </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88801.html" title="Hvordan bruke # include i ASP -filer " target="_self">Hvordan bruke # include i ASP -filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88498.html" title="Fjerde generasjon Språkverktøy " target="_self">Fjerde generasjon Språkverktøy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87931.html" title="Hvordan lage din egen Study Instance UID " target="_self">Hvordan lage din egen Study Instance UID </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88212.html" title="Hvordan deaktivere digital signatur Krav " target="_self">Hvordan deaktivere digital signatur Krav </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88649.html" title="Slik unngår du at Vertikal Scroll " target="_self">Slik unngår du at Vertikal Scroll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87976.html" title="Slik konfigurerer RADIUS-autentisering " target="_self">Slik konfigurerer RADIUS-autentisering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88740.html" title="QBasic Animasjon Tutorial " target="_self">QBasic Animasjon Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88296.html" title="Hvordan å validere en e-postadresse i ASP.Net " target="_self">Hvordan å validere en e-postadresse i ASP.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86774.html" title="Slik bruker du en YUI Profiler " target="_self">Slik bruker du en YUI Profiler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88848.html" title="Slik bruker du en for neste Loop i Visual Basic " target="_self">Slik bruker du en for neste Loop i Visual Basic </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91418.html" title="Hvordan du redigerer MySQL Table brukergrensesnitt i PHP Backend " target="_self">Hvordan du redigerer MySQL Table brukergrensesnitt i PH…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89447.html" title="Hvordan lage en AVD i Windows for NetBeans " target="_self">Hvordan lage en AVD i Windows for NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94769.html" title="Hvordan bevare Variabler i VBA " target="_self">Hvordan bevare Variabler i VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86462.html" title="MATLAB Output String " target="_self">MATLAB Output String </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85223.html" title="Hvordan lage en App for iPhone i Visual C " target="_self">Hvordan lage en App for iPhone i Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92991.html" title="Hvordan bygge dynamiske nettsteder med Dreamweaver 8 PHP og MySQL " target="_self">Hvordan bygge dynamiske nettsteder med Dreamweaver 8 PH…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87593.html" title="Hvordan skrive Script for Mac OS X " target="_self">Hvordan skrive Script for Mac OS X </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91081.html" title="Hvordan skrive til IIS Log " target="_self">Hvordan skrive til IIS Log </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88736.html" title="Formålet med Teaching Flow Chart System Analysis " target="_self">Formålet med Teaching Flow Chart System Analysis </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/94151.html" title="Hvordan bruke Break erklæringen i Python " target="_self">Hvordan bruke Break erklæringen i Python </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 