Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>
Pseudo Classes
a:link
a:visited
a:hover
a:active
Example 10.34
Example 10.34 Source:
<div><a href="http://www.npr.org/" shape="rect" >National Public Radio</a></div> <div><a href="http://www.cnn.com/" shape="rect" >Cable Network News</a></div> <div><a href="http://www.foxnews.com/" shape="rect" >Fox News</a></div> <div><a href="http://www.abcnews.com/" shape="rect" >ABC News</a></div> <div><a href="http://www.economist.com/" shape="rect" >The Economist</a></div>
In
style
element (
<style type="text/css">
) within
head
element:
div {margin: 0.5em; } a {margin: 0.25em; padding: 0.25em;} a:link { text-decoration: none; color: blue; background-color: white; } a:visited { text-decoration: none; color: green; background-color: silver; } a:hover { text-decoration: none; color: white; background-color: blue; } a:active { text-decoration: underline; color: red; background-color: yellow; }
Example 10.34 Rendered:
With Styles
Without Styles
Table of Contents
|
All Slides
|
Link List
|
Examples
|
CSCI E-75
<< previous
|
next >>