360haven works best with JavaScript enabled
CSS Styling Links
Loading
Register
Results 1 to 1 of 1
  1. #1
    DEADBEEF

    JizzaBeez is offline
    Join Date : Nov 2010
    Posts : 777
    Array

    CSS Styling Links

    Styling Links

    Links can be styled with any CSS property (e.g. color, font-family, background, etc.).
    Special for links are that they can be styled differently depending on what state they are in.

    The four links states are:

    • a:link - a normal, unvisited link
    • a:visited - a link the user has visited
    • a:hover - a link when the user mouses over it
    • a:active - a link the moment it is clicked

    Example
    Code:
    a:link {color:#FF0000;}      /* unvisited link */
    a:visited {color:#00FF00;}  /* visited link */
    a:hover {color:#FF00FF;}  /* mouse over link */
    a:active {color:#0000FF;}  /* selected link */
    Try it yourself



    When setting the style for several link states, there are some order rules:

    • a:hover MUST come after a:link and a:visited
    • a:active MUST come after a:hover

    Common Link Styles

    In the example above the link changes color depending on what state it is in.
    Lets go through some of the other common ways to style links:

    Text Decoration

    The text-decoration property is mostly used to remove underlines from links:

    Example
    Code:
    a:link {text-decoration:none;}
    a:visited {text-decoration:none;}
    a:hover {text-decoration:underline;}
    a:active {text-decoration:underline;}
    Try it yourself Background Color

    The background-color property specifies the background color for links:

    Example
    Code:
    a:link {background-color:#B2FF99;}
    a:visited {background-color:#FFFF85;}
    a:hover {background-color:#FF704D;}
    a:active {background-color:#FF704D;}
    Try it yourself

  2. The Following User Says Thank You to JizzaBeez For This Useful Post:


 

 

Similar Threads

  1. [Download links] - Dishonored
    By Sephiroth in forum General Discussion
    Replies: 1
    Last Post: 09-04-2014, 09:27 AM
  2. Resident evil 6 Demo (links)
    By Bongmantv in forum Xbox 360 General Discussion
    Replies: 18
    Last Post: 07-09-2012, 10:08 PM
  3. Sig Text Links
    By Vincent Valentine in forum Graphics
    Replies: 10
    Last Post: 04-13-2012, 06:02 AM
  4. CSS Styling Tables
    By JizzaBeez in forum Tutorials and Resources
    Replies: 0
    Last Post: 03-03-2011, 08:32 AM
  5. CSS Styling Lists
    By JizzaBeez in forum Tutorials and Resources
    Replies: 0
    Last Post: 03-03-2011, 08:27 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
This website uses cookies
We use cookies to store session information to facilitate remembering your login information, to allow you to save website preferences, to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners.
     

About 360haven

    360haven is an Forum Devoted To Game modding Fans from all over the world.

    An Awesome Community of Xbox 360 Gamers, Modders and Developers who Create & Share Tutorials, Applications, Gfx, Trainers and Gamesaves.

    A haven for the l33t.
    A scarce paradise for modders.

Like this page

Google+