当前位置:编程学习 > html/css >>

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; }
追问:a { display: block; }  要帮元素设置成方块形式,是为什么?
答案:很简单的,如果只是水平居中的话,就在伪类里添加background-position: center top;如果要水平垂直居中,就添加background-position: center center; 
当然,前题是你的背景图尺寸要合理哈

上一个:谁能跟我解释清楚css浮动啊?
下一个:如何 让css 列表的 开头的点点 嵌入到 文本当中

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,