Hvordan endre en kantfarge på Roll

February 18

Endre fargen på grensene på websiden din tar bare noen få linjer med kode. Du kan tilpasse grensene omkringliggende elementer på siden din med Cascading Style Sheets (CSS). Ankerkoden er ansvarlig for eventuelle koblinger på websiden din. Hover eiendom i en ankerkode håndterer velt i en kobling. Ved å endre ankerkoden stil, kan du legge til, tilpasse og endre grensene på siden din. Den <A> taggen brukes for ankerkoder på nettet.

Bruksanvisning

1 Opprett en ny HTML-side i din favoritt tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "File" og "Open" fra menyen og dobbeltklikk på HTML-filen du ønsker å endre.

2 Plasser markøren i <HEAD> tag. Den eksisterende koden kan være lik:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html>

<Head>

<! - Plasser CSS stil kode her ->

</ Head>

3 Sett på linjen: "<- Plasser CSS stil kode her ->" med følgende kode:

et {border: 3px solid black; text-decoration: none; }

a: hover {border: 3px solid rød; text-decoration: none; }

</ Style>

4 Bytt fargen svart i den andre linjen med kode: "a {border: 3px solid black; text-decoration: none;}" med den opprinnelige fargen på grensen når musen er ikke over det.

5 Bytt fargen rød i tredje linje med kode: "a: hover {border: 3px solid rød; text-decoration: none;}" med roll farge for grensen.

6 Bla ned til <BODY> tag av HTML-koden og plassere markøren der tekst eller bilde vises.

7 Legg til følgende kode for å koble en tekst andre steder. Stilen du har lagt til <HEAD> -taggen brukes på anker link.

<a href="Text"> http://www.example-site.com "> Tekst Vises Her </a>

8 Velg "Fil" og "Lagre som" fra menyen for å lagre arbeidet ditt. "Lagre som" dialogboksen åpnes. Gi filen et HTML filtypen, for eksempel "index.html" (inkludert anførselstegn) og klikk "Lagre".