可以，使用伪类，比如
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<style>
#myInput{ background-color:#FF0000}
#myInput:focus{ background-color:#FFFF00}
#myBtn{ background-color:#0000FF color:#FFFFFF}
#myBtn:hover{ background-color:#FFFFFF color:#0000FF}
</style>
<title>无标题文档</title>
</head>
<body>
<input id='myInput' type='text' />
<button id='myBtn'>ok</button>
</body>
</html>
希望帮到你
是不是a的背景颜色不能完全填充？a属性再加上：{
display:block
width:80px
height:25px
}
这样的话颜色应该可以完全填充了，但是这种导航一般都不是用table做，table不够灵活且编码麻烦，最佳方法是使用ul li的方式，如：
<ul>
<li>导航一</li>
<li>导航二</li>
<li>导航三</li>
<li>导航四</li>
</ul>
css:
ul{
list-style-type:none
}
ul li{
float:left
width:80px
height:25px
line-height:25px
}
ul li a{
text-decoration:none
........
}
ul li a:hover{
......
}
img:hover{ /*hover事件，当鼠标移动到图片时触发*/position: relative
top: 20px
right:10px
}
