Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

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><meta name=viewport content="width=device-width, initial-scale=1.0"> < /head> : <head><meta name=viewport content="width=device-width, initial-scale=1.0"> <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> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Computer-Programming-Languages/1177532.html' >Tutorial Mailto HTML </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Computer-Programming-Languages/1177536.html' >Come aumentare le prestazioni di un report Crystal in modo che sarà più veloce </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/PHP--MySQL-Programmazione/1183336.html" target="_blank">Come convertire da ColdFusion per MySQL </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192510.html" target="_blank">DirectX di Visual Basic Tutorial </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189196.html" target="_blank">Le differenze tra DataGrid e DataGridView in NET </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173842.html" target="_blank">Come sapere quale pagina è appeso in Apache </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176092.html" target="_blank">Come fare Trusted Data Access Pages </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192414.html" target="_blank">Come imparare Stenografia Dattilografia </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192830.html" target="_blank">Come convertire String a Double Visual Basic </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1193026.html" target="_blank">Come convertire i file video RealPlayer per PSP </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Computer-Programming-Languages/1172832.html" target="_blank">Come controllare per i bot con ColdFusion </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1172954.html" target="_blank">Sottostringa In CSH </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174370.html" target="_blank">Come fare un Button in Xcode </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174782.html" target="_blank">Come convertire una stringa di sistema IO in TextWriter </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176058.html" target="_blank">Come scrivere uno script di installazione </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175012.html" target="_blank">Come uccidere o eliminare i comandi in VB6 </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174862.html" target="_blank">Come visualizzare più istogrammi in Matlab </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175722.html" target="_blank">Come trovare String Lunghezza </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177556.html" target="_blank">URL Tutorial HTML </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175132.html" target="_blank">Come scrivere un preordine </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>