Hvordan lage Roll Text

Rollteksteffekter føre utseendet på hyperkoblingen for å endre når musepekeren beveger seg over det, kalt hover staten. Selv om det er ingen standard hover staten, kan du bruke CSS til å inkludere denne tilstanden og angi attributter.

hyperkobling Styles

Hyperlenker har standardattributter for fargen på nye og besøkte koblinger sier, og bruke nettstedets standard eller forhånds skrift. Bruk CSS (Cascading Style Sheets) for å endre alle eller noen av disse attributtene en gang, for å overstyre de automatiske attributter i hele nettstedet ditt.

roll~~POS=TRUNC Text

Finn CSS-området i gjeldende HTML-fil eller åpne din egen CSS-fil. Legg i en: link og en: besøkt pseudo klasser først, for standard stater. For hver stat, velg attributtene til å endre, som font-family, font-size, font-weight, text-decoration og farge. Deretter legger pseudo klasse a: hover til å inkludere roll staten og angi attributter.

dramatiske endringer

Bruk store endringer for å se hvordan det fungerer. Legg til følgende Kode-en: hover {color: # 527A00; font-size: 24px; text-transform: store bokstaver; font-weight: bold; text-decoration: underline;}. Lagre endrede filer deretter oppdatere din webside for å se hva som skjer. Nå, når du ruller over den koblede teksten, vil du se attributtene ovenfor utbyttet stor grønn tekst som skifter linjer rundt på siden midlertidig. Teksten bør være stor og fet med understreking når du ruller over det. Det går tilbake til det normale nye eller besøkt tilstander når du beveger deg bort fra den.

betraktninger

Bruk kodene for å få linker lagt merke uten forvirrende leserne. Prøv å endre akkurat den fargen og inkluderer understrek text-decoration i hover staten bare. En rekke store endringer vil distrahere fra den omkringliggende sideinnholdet, spesielt når de brukes på inline linker.