Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<style>
/* unvisited link */
a:link {
    color: #FF0000;/*紅*/
}
​
/* visited link */
a:visited {
    color: #00FF00;/*綠*/
}
​
/* mouse over link */
a:hover {
    color: #FF00FF;/*紫*/
}
​
/* selected link */
a:active {
    color: #0000FF;/*藍*/
}
</style>
</head>
<body>
​
<p><b><a href="http://www.google.com.tw" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective.</p>
​
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x