[b]
#navcontainer a {
display: block;
width: 178px;
height: 22px;
}[/b]
以上代码是对导航内a标签的CSS定义,作用于导航中的每个链接元素。display: block将链接对象转换为块级元素,然后再定义其宽和高,使得链接能具有类似按钮一样矩形的触发区域,并且让我们可以利用伪类a:hover来定义鼠标经过链接时的翻转效果,如在第二段代码中展示的简单的改变背景色或背景图片.
a:link, a:visited {
background: url(images/bg_navbutton.gif);
color: #5C604D;
text-decoration: none; //没有下划线
}
a:hover {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}
#navcontainer a {
display: block;
width: 178px;
height: 22px;
}[/b]
以上代码是对导航内a标签的CSS定义,作用于导航中的每个链接元素。display: block将链接对象转换为块级元素,然后再定义其宽和高,使得链接能具有类似按钮一样矩形的触发区域,并且让我们可以利用伪类a:hover来定义鼠标经过链接时的翻转效果,如在第二段代码中展示的简单的改变背景色或背景图片.
a:link, a:visited {
background: url(images/bg_navbutton.gif);
color: #5C604D;
text-decoration: none; //没有下划线
}
a:hover {
background: url(images/bg_navbutton_over.gif);
color: #A5003B;
text-decoration: none;
}