|
|
|
| Come modificare il colore di CSS Links |
|
Internet Explorer , Firefox, Opera e Google Chrome , tra gli altri browser web , hanno la stessa impostazione di default per i link ipertestuali . Se il collegamento non è stato cliccato o visitato , il testo è blu . Se il sito è stato visitato o il testo è stato cliccato, il testo è magenta . Di seguito sono elencati i passi necessari per modificare il colore del testo del link non visitato e il colore del testo del link visitato . Cose che ti serviranno editor di testo come SourceEdit software caricando documento come FileZilla Mostra più istruzioni Setup , Stile e istruzioni 1 creare uno standard documento XHTML come mostrato, e salvarlo come " 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 = " it "
2 Type , tra le < /title> , per dare al documento HTML un titolo di pagina : <title> CSS Colore collegamento < /title> <br> <br> 3 <p> Aggiungere l' inizio e la fine <style> < /style > tag tra il <head> < /head> : <head> <title> CSS Colore collegamento < /title> < , style> < /style > < /head> <br> 4 <p> Creare un collegamento alla home page di Google , come mostrato: <a href="http://www.google.com"> , . Google Homepage < /a> <br> 5 <p> Tipo il tag "a" tra il <style> < /style > Inserisci questo codice tra il < /body> <body> tags . Quindi, digitare una coppia di parentesi graffe "{ }" . Avanti , digitare " color: green; " tra le parentesi graffe , come mostrato : <style> a {color : green ; } < /style > In questo modo, i <style> < /style> creare un foglio di stile , che contiene le istruzioni per come appaiono gli elementi di una pagina web . In questo caso , ogni " un " tag sulla pagina web avrà il testo verde . L'attributo "colore " sta per il colore del carattere . Il valore del colore del carattere , in questo caso , è verde . <br> 6 <p> Premi il tasto "Invio" dopo la parentesi graffa nel passaggio 5 . Digitare la seconda istruzione , come indicato : a: visited {color : lime ; } La parola " visita " è una pseudo-classe , il che significa che quando l'utente fa clic sul testo tra il tag "a" , il testo diventa verde lime <br> 7 <p> . Salvare e caricare il file . Se non avete visitato Google oggi , quindi il colore del collegamento sarà verde . Fare clic sul link . Ora premete il tasto back e aggiornare la pagina . Il vostro colore di collegamento dovrebbe essere verde lime . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/computer-programming-languages/88766.html' >Tutorial Mailto HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/computer-programming-languages/88768.html' >Come aumentare le prestazioni di un report Crystal in modo che sarà più veloce </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </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="/Programmazione/computer-programming-languages/88295.html" title="Come convertire una parola per un intero " target="_self">Come convertire una parola per un intero </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88894.html" title="Come creare una Rubrica Utilizzo dei codici HTML " target="_self">Come creare una Rubrica Utilizzo dei codici HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86907.html" title="Che cosa è ColdFusion Builder " target="_self">Che cosa è ColdFusion Builder </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87477.html" title="Come convertire DataTable alle stringhe " target="_self">Come convertire DataTable alle stringhe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87348.html" title="Come convertire programmazione colore RGB a CMYK " target="_self">Come convertire programmazione colore RGB a CMYK </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87467.html" title="Come estendere un timeout di sessione con un mouse in ASP.NET " target="_self">Come estendere un timeout di sessione con un mouse in A…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88084.html" title="Formazione Extreme Programming " target="_self">Formazione Extreme Programming </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88101.html" title="Come aggiungere informazioni laterale di uno script di login " target="_self">Come aggiungere informazioni laterale di uno script di …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86810.html" title="Come fare una stringa carattere minuscolo " target="_self">Come fare una stringa carattere minuscolo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88289.html" title="Funzioni di base di Microsoft Visual FoxPro " target="_self">Funzioni di base di Microsoft Visual FoxPro </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 width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87230.html" title="DataColumn tipo " target="_self">DataColumn tipo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87417.html" title="Come scrivere un programma Fortran " target="_self">Come scrivere un programma Fortran </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90233.html" title="Come controllare per NotNull in Java 6 " target="_self">Come controllare per NotNull in Java 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/86241.html" title="Come utilizzare la funzione strncmp in C + + " target="_self">Come utilizzare la funzione strncmp in C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87273.html" title="COBOL Fatti " target="_self">COBOL Fatti </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/93436.html" title="Come modificare il percorso integrato di Python PYC Files " target="_self">Come modificare il percorso integrato di Python PYC Fil…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91150.html" title="Come implementare un distruttore di base in Javascript " target="_self">Come implementare un distruttore di base in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/87500.html" title="Come installare ColdFusion 8 su IIS 6 " target="_self">Come installare ColdFusion 8 su IIS 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89381.html" title="Come rompere una stringa in sottostringhe in Java " target="_self">Come rompere una stringa in sottostringhe in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/perl-programming/93386.html" title="Perl Debugger Opzioni " target="_self">Perl Debugger Opzioni </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<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=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
