-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlinks.html
48 lines (31 loc) · 1.37 KB
/
links.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a.link:link {color:#FF0000; text-decoration:none;}
a.link:visited {color:#00FF00;text-decoration:none;}
a.link:hover {color:#FF00FF; text-decoration:underline;}
a.link:active {color:#0000FF; text-decoration:underline;}
a.back:link {background-color:#B2FF99;}
a.back:visited {background-color:#FFFF85;}
a.back:hover {background-color:#FF704D;}
a.back:active {background-color:#FF404D;}
</style>
<title>CSS Links</title>
</head>
<body>
<h1>CSS Links</h1>
<h4>Links can be styled based upon the state that they are in</h4>
<ul>
<li>a:link - a normal, unvisited link</li>
<li>a:visited - a link the user has visited</li>
<li>a:hover - a link when the user mouses over it</li>
<li>a:active - a link the moment it is clicked</li>
</ul>
<p><a class="link" href="http://www.w3schools.com/css/default.asp" target="_blank">This is a link</a></p>
<h4>text decoration may be used to remove link underlines</h4>
<p><a class="link" href="http://www.w3schools.com/css/default.asp" target="_blank">This is a link</a></p>
<h4>you can also change the background color on each of these statuses</h4>
<p><a class="back" href="http://www.w3schools.com/css/default.asp" target="_blank">This is a link</a></p>
</body>
</html>