css 的超链接

shiyanwu

#navcontainer a {
    display: block;
    width: 178px;
    height: 22px;
}

以上代码是对导航内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;
}