|
|
|
Hur man ändra färg på CSS Länkar |
|
Internet Explorer , Firefox , Opera och Google Chrome , bland andra webbläsare , ha samma grundinställning för hypertext länkar . Om länken inte har klickat eller besökt , är texten blå . Om webbplatsen besöktes eller texten klickade , är texten magenta . Nedan anges de steg som behövs för att ändra Unvisited länkens textfärg och besökta länkens textfärg . Saker du behöver textredigerare som SourceEdit Document uppladdning programvara såsom FileZilla Visa fler instruktioner Setup , Stil och instruktioner 1 skapa en standard XHTML-dokument som visas , och spara den 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 = " sv " Sida 2 Skriv följande mellan de < /title > taggarna , för att ge HTML-dokumentet en sida titel : <title> CSS Link Color < /title > <br> <br > 3 <p> Lägg början och slutet <style> < /style > taggarna mellan <head><meta name=viewport content="width=device-width, initial-scale=1.0"> </head > taggarna : <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <title> CSS Link Color < /title > < , style > < /style > < /head > <br> 4 <p> Skapa en länk till Googles startsida , som visas : <a href="http://www.google.com"> ; . Googles hemsida < /a > Placera koden mellan <body> < /body > taggarna <br> 5 <p> Type taggen " a " mellan <style> < /style > etiketter. Skriv sedan ett par klammerparenteser " { } " . Nästa , typ " color : green ; " mellan klammerparenteser , som visas : <style> a {color : green ; } < /style > Genom att göra detta , <style> < /style > taggarna skapar en formatmall , som innehåller instruktioner för hur element på en webbsida visas . I detta fall kommer varje " a " tagg på webbsidan har grön text . Attributet " color " står för teckenfärg . Värdet av teckenfärg , i det här fallet , är grön . <br> 6 <p> Hit " Enter" efter klammerparentesen i steg 5 . Ange den andra instruktionen , som visas : a : besökt {color : kalk ; } Ordet " besökte " är en pseudo - klass , vilket innebär att när användaren har klickat texten mellan " en " tagg , vänder texten limegrön . <br> 7 <p> Spara och ladda upp din fil . Om du inte har besökt Google idag , då länken färgen blir grön . Klicka på länken . Nu trycker på bakåt -knappen och uppdatera sidan . Din länk färgen ska vara limegrön . <br> <br>
<div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88766.html' >HTML Mailto Tutorial </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88768.html' >Hur öka effekten i en Crystal Report så det kommer att köras snabbare </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<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.dator.xyz/Programmering/computer-programming-languages/88487.html" title="ASP.Net utvecklare Träning " target="_self">ASP.Net utvecklare Träning </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86515.html" title="Tillämpning av Linear Programming in Computers " target="_self">Tillämpning av Linear Programming in Computers </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87447.html" title="Skillnad mellan High Level och låg nivå i programmering " target="_self">Skillnad mellan High Level och låg nivå i programmeri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86815.html" title="Hur får man en JScript to Work " target="_self">Hur får man en JScript to Work </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87060.html" title="Inaktivera en kolumn i en GridView med Roll " target="_self">Inaktivera en kolumn i en GridView med Roll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87251.html" title="Hur Debug PHP-kod i VS2008 " target="_self">Hur Debug PHP-kod i VS2008 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86893.html" title="Lägga till en Preloader " target="_self">Lägga till en Preloader </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88889.html" title="Hur man skapar Nedsänkt Använda HTML- koder " target="_self">Hur man skapar Nedsänkt Använda HTML- koder </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88942.html" title="Hur man gör ett block element med CSS " target="_self">Hur man gör ett block element med CSS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86316.html" title="XNA Pixel Shader Effekter " target="_self">XNA Pixel Shader Effekter </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top">
<table class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<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.dator.xyz/Programmering/computer-programming-languages/87897.html" title="Runtime Error Removal " target="_self">Runtime Error Removal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93493.html" title="Lista över funktioner i en Python -modul " target="_self">Lista över funktioner i en Python -modul </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85603.html" title="Hur ta reda på antalet element i en array C + + " target="_self">Hur ta reda på antalet element i en array C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89326.html" title="Hur kan jag skapa en Java- kod från UML2 Eclipse Plugin " target="_self">Hur kan jag skapa en Java- kod från UML2 Eclipse Plugi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92326.html" title="Hur man skriver oktala tal i PHP " target="_self">Hur man skriver oktala tal i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86768.html" title="Hur man använder MemoryStream på en Bitmap Byte Array " target="_self">Hur man använder MemoryStream på en Bitmap Byte Array…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87046.html" title="Hur man uppdaterar en Timeout i en Jquery progressbar " target="_self">Hur man uppdaterar en Timeout i en Jquery progressbar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91243.html" title="Hur man visar text på Rollover " target="_self">Hur man visar text på Rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/94000.html" title="Hur man ska tolka en sträng som en Boolean i Python " target="_self">Hur man ska tolka en sträng som en Boolean i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/90676.html" title="Om Java -certifiering " target="_self">Om Java -certifiering </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> | | |
