I've already mentioned how to change the default color on different states of a single link.
Read the post and learn ( Styling Links with CSS ).
This example demonstrate how to design the different states of different links on a single web page.
There are many ways to do so.
- Create a ID for a single link to design.
- Create a Class for more than one link, to design using CSS.
I'll use the Class technique to do so.
Just assume, we have a link with class yellow. On mouse over we will change the background from default to yellow. The code is given below:
We can also change the font-family, text-color, font-size and text-decoration.
The below example demonstrate this well:
Have a look on More Advance Example.
Advanced: Creating Link Boxes with CSS
Muhammad Arslan Aslam
I am a Full Time Student and occasional blogger. Software Engineering student with wide experience and interest in Front-End Web Development. You can find me on my profiles listed below and can get in touch any time.
Get Free Email Updates to your Inbox!
Post a Comment
Suggestions will be greeted.