07-CSS Links

0
24

A person can style the links using CSS .
Links can be designed depending on their states:

  1. a:link– normal ,unvisited link by the user
  2. a:visited– link by the user
  3. a:hover– a link which changes it color when the user takes the mouse over it.
  4. a:active– a link which shows it color when it is just clicked.

 

  1. <style>
  2. /* unvisited link */<br />a:link {<br />    color: yellow;<br />}<br />/* visited link */<br />a:visited {<br />    color: blue;<br />}<br />/* mouse hover link */<br />a:hover {<br />    color: green;<br />}<br />/* selected link */<br />a:active {<br />    color: orange;<br />}<br /></style>
  3.  
  4. &nbsp;
  5.  
  6. <b><a href="http://itsourcecode.com/" target="_blank">Here is a link</a></b>
  7.  
  8. &nbsp;

 

You can even try different CSS properties in these links.

Facebook Comments
(Visited 24 times, 1 visits today)

LEAVE A REPLY

Please enter your comment!
Please enter your name here