Designing of style property of links by using CSS

Read the first part on using CSS for links


Here we will see how we can highlight backgrounds and change color of the fonts when mouse is passed over the links. This effect we can create by using style property of the link element.

Here for our easy understanding we have used internal style sheet to assign styles to our link. But this can be used in external style sheet also.

Here is the link which fallows the style property set by us in internal style sheet.

this is a link

Here is the code for an style sheet of a link

<style type="text/css">
<!--
a:link { color: #0000ff;}
a:visited { color: #000000;}
a:hover { color: #CCCCCC;
  background-color: #f06040;
  text-decoration: none;
  }
a:active { color: #333333;}
}
-->
</style>

<a href=site_map.php >this is a link</a>



Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com




    Post your comments , suggestion , error , requirements etc here .




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer