Come modificare il testo che appare quando si sposta il mouse sopra

May 2

Il testo viene visualizzato su internet. Ora si vuole dare alcune funzionalità. In effetti, si desidera modificare il colore del testo quando un visitatore del sito web si muove il suo puntatore del mouse sul testo visualizzato sulla tua pagina web. In questo articolo vi istruirà su come eseguire la modifica il colore del testo quando il mouse-over il testo sulla tua pagina web. In questo articolo potrete utilizzare gli elementi di Hyper Text Markup Language (HTML) per cambiare il colore del testo. Imparerete come aprire e visualizzare il codice sorgente di una pagina web o un documento web, così come imparare dove per identificare in cui il codice viene inserito per effettuare modifiche nel testo della pagina web.

istruzione

1 Aprire la pagina web che si desidera avere il cambiamento di colore del testo quando il mouse-over del testo.

2 Fare clic sul menu File della pagina web, o fare clic destro del mouse. Da entrambi i metodi, selezionare "Visualizza sorgente pagina". Se la sorgente della pagina si apre in MS Notepad, poi si è pronti per iniziare a fare alcune modifiche al codice sorgente. Se la sorgente della pagina si apre in un browser web, quindi è sufficiente fare clic destro sul file / file web Internet Explorer o Firefox, ecc, e selezionare "Apri file con ...", quindi scegliere Blocco note.

3 Individuare il tag <head>. Digitare il seguente codice nello spazio tra i tag di apertura e chiusura della testa: <style type = "text / css"> <- A: hover {color: blue; Text-decoration: none; font-weight: none} -> </ style>

4 Fare clic su File, quindi fare clic su Salva.

5 Per passare a un colore diverso, semplicemente tornare al punto 3, fare clic all'interno del codice, e quindi modificare il "color: blue;" a qualsiasi colore della vostra scelta.

6 Creare un testo di descrizione del mouse-over, aggiungendo l'evento "titolo" per il codice link. Ecco il testo si avrebbe bisogno di digitare i vostri link: <A HREF="http://www.yourdomain.com/" title="un descrizione di questo testo"> testo sulla pagina web </A>


Articoli Correlati