Anchor color: #FCEACE;
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">
#header {
background: url(images/top_bg.jpg) top left no-repeat;
padding: 33px 0 0 0;
text-align: center;
}
#logo {
display: block;
}
#header span {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #786B50;
text-transform: uppercase;
display: block;
float: left;
letter-spacing: 6px;
width: 1000px;
text-align: center;
}
#menu {
width: 1000px;
float: left;
margin: 12px 0 1px 0;
display: block;
height: 26px; /
height: 25px;
}
#menu li {
display: inline;
padding: 0 19px;
line-height: 25px;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FCEACE;
text-decoration: none;
}
</style>
</head>
<body>
<div id="header">
<span>title</span>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About our Hotel</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Photogallery</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Contacts</a></li>
</ul>
<img src="images/image.jpg" alt="" width="1000" height="311" /><br />
</div>
</body>
</html>
Related examples in the same category
1. | Pseudo-class Selectors for anchor | | |
2. | a:link | | |
3. | a:visited | | |
4. | a:hover | | |
5. | a:active | | |
6. | Link visited hover | | |
7. | link visited, hover, active | | |
8. | link visited, hover, active, focus | | |
9. | Set anchor hover in under | | |
10. | Set anchor link and visited: a:link, a:visited | | |
11. | Set different color for anchor link and visited link | | |
12. | Set color for anchor link, anchor visited, hover and active | | |
13. | Set different anchor link style for navigation and content | | |
14. | style for email anchor, | | |
15. | Three level nesting for anchor link style setting | | |
16. | Three level nesting for visited link style setting | | |
17. | Three level nesting for visited link style setting for two | | |
18. | Three level nesting for an anchor with id | | |
19. | background image, repeat and position for anchor link hover | | |
20. | background image, repeat and position for anchor link active | | |
21. | Use anchor hover to highlight more than one tags | | |
22. | Add border to anchor when hover | | |
23. | a[href^='http://']:hover | | |
24. | Rollover with image | | |
25. | Set cursor for a link | | |
26. | Anchor background-color: blue; | | |
27. | Anchor background-position: top left; | | |
28. | Anchor background-repeat: no-repeat; | | |
29. | Anchor height: 35px; | | |
30. | Anchor display: block; | | |
31. | Anchor float: left; | | |
32. | Anchor font-family: Arial, Helvetica, sans-serif; | | |
33. | Anchor font-size: 12px; | | |
34. | Anchor color: red; | | |
35. | Anchor text-decoration: none; | | |
36. | Anchor text-align: center | | |