Grey link color for footer

  
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">


#footer p {
  margin: 0;
  padding: 0;
}

#footer a {
  background: inherit;
  color: gray;
  font-weight: 400;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}
</style>

</head>
<body>
  <div id="footer">
    <p>Copyright &copy; 2007 Your Name | Design by <a href="/">Link</a> | <a href="">Homepage</a></p>
  </div>

</body>
</html>

1.	Footer with copyright notice
2.	Shading footer with background image
3.	Footer with Div
4.	Footer with UL
5.	Footer 2
6.	Footer with background
7.	Footer with DIV and UL
8.	position: absolute; for Footer
9.	Centered footer
10.	Top border for Footer
11.	Header, footer, navigation bar, and body
12.	Without a footer
13.	Footer with solid line
14.	clear: both; for the footer
15.	Footer with background 2
16.	Footer DIV position: absolute;
17.	Footer with green background
18.	Two Line footer
19.	Grey footer
20.	Wide footer
21.	Footer with dark background
22.	Four-column footer
23.	Footer: clear both
24.	Large footer with three columns
25.	About me column in the footer
26.	Footer with smaller font
27.	Footer with Two parts
28.	Contact information in the footer
29.	Multi-line footer
30.	using vertical line to separate footer
31.	Three column layout with header and footer

Grey link color for footer : Footer « CSS Controls « HTML / CSS

Related examples in the same category