Question

CSS样式，我想做伪类的鼠标划过效果a:hover{}。

就像图里显示的，但是我不知道如何帮图片设置成a:hover背景图在字的居中位置.
.menu ul li a {
color: #666;
text-decoration: none;
}
.menu ul li a:hover {
color: #666;
text-decoration: none;
line-height: 40px;
background-image: url(../images/menu_bj.png);
text-align: center;
}

Answer 1

很简单的，如果只是水平居中的话，就在伪类里添加background-position: center top;如果要水平垂直居中，就添加background-position: center center;
当然，前题是你的背景图尺寸要合理哈

追问

a { display: block; } 要帮元素设置成方块形式，是为什么？

追答

a是行内元素，如果不设置成块元素，那么它默认的长宽就是文字的行高与长度，