Presentation is loading. Please wait.

Presentation is loading. Please wait.

Styling Links.

Similar presentations


Presentation on theme: "Styling Links."— Presentation transcript:

1 Styling Links

2 Styling Links Can be styled with any CSS property
Can style individual “states” of links using pseudoclasses States: link  Normal, unvisited visited  link user has visited hover  link when user mouses over it active  link at the moment it is clicked

3 What do the Style Definitions Look Like?

4 What it Looks Like in Action?

5 Little Vikings Hate Asparagus!
Order Matters a:hover MUST come after a:link and a:visited a:active MUST come after a:hover Little Vikings Hate Asparagus!

6 Some Other Properties You Might Want to Change
Underline To turn it off… To turn it back on…

7 To apply a class to certain links
a.classname: link{ …..rules } a.classname: visited{ …rules Etc.


Download ppt "Styling Links."

Similar presentations


Ads by Google