求个简单的DIV CSS代码

来源：百度知道 编辑：UC知道 时间：2024/05/15 03:36:51
只用一张背景图片，图里面是2个按钮的图
鼠标经过的时候，切换背景图

DIV+CSS的代码怎么弄，要简单明了

不太明白你是什么意思，是不是说这一张图片上有的是鼠标未经过和经过时的两种状态的图片呢？（不知道我这样理解你的意思对不对）
是的话CSS代码如下：
a:link{background:url(/images/bg.gif)}
a:hover{background-position:0 *px;}(*是指其中一个按钮的高度，另外这个是按钮图片上下排列时的定义）
按钮图片左右排列时的CSS定义：
a:link{background:url(/images/bg.gif)}
a:hover{background-position:-*px 0;}（*这次是指其中一个按钮的宽度，注意这次要输入的是个负数，因为要朝反方向移动）

HTML代码中：
<li><a href="">XXXXXXX</a></li>
(需要注意的是要给a元素定义块状显示，这样才能给它定义宽高属性，好把图片全部显露出来。)

分就不用了，希望能帮到兄弟，要是答不及题，请见谅。

<!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&quo