dw中spry菜单栏的背景图片如何美化和更改要详细！！！谢谢你
& lthtml xmlns = " http://www . w3 . org/1999/XHTML " & gt；
& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html；charset=gb2312" />
& lttitle & gt简明选项卡
& ltstyle type="text/css " >
& lt！-
body，div，ul，li{
边距:0自动；
填充:0；
}
正文{
字体:12px“宋体”；
文本对齐:居中；
}
答:链接{
颜色:# 00F
文字-装饰:无；
}
答:已访问{
颜色:# 00F
文字-装饰:无；
}
答:悬停{
颜色:# c00
文本装饰:下划线；
}
ul{
列表样式:无；
}
。主要{
明确:两者都有；
填充:8px
文本对齐:居中；
}
/*第一种形式*/
#tabs0 {
高度:200px
宽度:400px
边框:1px实心# cbcbcb
背景色:# f2f 6 FB；
}
.菜单0{
宽度:400px
}
. menu0 li{
显示:块；
浮动:左；
填充:4px 0；
宽度:100 px；
文本对齐:居中；
光标:指针；
背景:# FFFFff
}
. menu0 li.hover{
背景:# f2f 6 FB；
}
#main0 ul{
显示:无；
}
#main0 ul.block{
显示:块；
}
/*第二种形式*/
#tabs1{
文本对齐:左对齐；
宽度:400px
}
. menu1box{
位置:相对；
溢出:隐藏；
高度:22px
宽度:400px
文本对齐:左对齐；
}
#menu1{
位置:绝对；
top:0；
左:0；
z指数:1；
}
#menu1 li{
浮动:左；
显示:块；
光标:指针；
宽度:72px
文本对齐:居中；
行高:21px；
身高:21px；
}
#menu1 li.hover{
背景:# fff
border-left:1px solid # 333；
border-top:1px solid # 333；
border-right:1px solid # 333；
}
. main1box{
明确:两者都有；
margin-top:-1px；
边框:1px实心# 333；
身高:181px；
宽度:400px
}
#main1 ul{
显示:无；
}
#main1 ul.block{
显示:块；
}
/*第三种形式*/
. menu2box{
位置:相对；
溢出:隐藏；
高度:22px
宽度:400px
文本对齐:左对齐；
背景:# FFFFff
}
#标签2 {
高度:200px
宽度:400px
边框:1px实心# cbcbcb
背景色:# f2f 6 FB；
}
#提示2{
位置:绝对；
top:0；
左:0；
高度:22px
行高:22px
z指数:0；
宽度:100 px；
背景:# f2f 6 FB；
}
#菜单2{
位置:绝对；
top:0；
左:0；
z指数:1；
}
#menu2李{
显示:块；
浮动:左；
填充:4px 0；
宽度:100 px；
文本对齐:居中；
光标:指针；
}
-& gt；
& lt/style & gt；
& lt脚本& gt
& lt！-
/*更改第一个表单和第二个表单的显示样式*/
函数setTab(m，n){
var tli = document . getelementbyid(" menu "+m)。getElementsByTagName(" Li ")；
var mli = document . getelementbyid(" main "+m)。getElementsByTagName(" ul ")；
for(I = 0；我& lttli.lengthi++){
tli[i]。className=i==n？" hover ":" "；
mli[i].style.display=i==n？“阻止”:“无”；
}
}
/*第三种形式使用背景层来定位*/
Var m3={0:" "，1:"评论内容"，2:"技术内容"，3:"评论内容" }
函数nowtab(m，n){
如果(n！= 0 & amp& ampm3[0]= = " ")m3[0]= document . getelementbyid(" main 2 ")。innerHTML
document . getelementbyid(" tip "+m). style . left = n * 100+' px '；
document.getElementById("main2 ")。innerHTML = m3[n]；
}
//-& gt；
& lt/script & gt；
& lt/head & gt；
& ltbody & gt
& lt！-第一种形式-& gt；
& ltdiv id="tabs0 " >
& ltul class="menu0" id="menu0 " >
& lt李onclick="setTab(0，0)" class = " hover " & gt；新闻
& lt李onclick="setTab(0，1)" & gt；评论
& lt李onclick="setTab(0，2)" & gt；技术
& lt李onclick="setTab(0，3)" & gt；评论
& lt/ul & gt；
& ltdiv class="main" id="main0 " >
& ltul class="block " >& lt李& gt新闻列表
& ltul & gt& lt李& gt注释列表
& ltul & gt& lt李& gt技术列表
& ltul & gt& lt李& gt注释列表
& lt/div & gt；
& lt/div & gt；
& lt！-第二种形式-& gt；
& ltdiv id="tabs1 " >
& ltdiv class="menu1box " >
& ltul id="menu1 " >
& lt李class = " hover " onmouseover = " setTab(1，0)" & gt；& lta href = " # " & gt新闻
& lt李onmouseover="setTab(1，1)" & gt；& lta href = " # " & gt评论
& lt李onmouseover="setTab(1，2)" & gt；& lta href = " # " & gt技术
& lt李onmouseover="setTab(1，3)" & gt；& lta href = " # " & gt评论
& lt/ul & gt；
& lt/div & gt；
& ltdiv class="main1box " >
& ltdiv class="main" id="main1 " >
& ltul class="block " >& lt李& gt新闻列表
& ltul & gt& lt李& gt评论列表
& ltul & gt& lt李& gt技术列表
& ltul & gt& lt李& gt评论列表
& lt/div & gt；
& lt/div & gt；
& lt/div & gt；
& lt！-第三种形式-& gt；
& ltdiv id="tabs2 " >
& ltdiv class="menu2box " >
& ltdiv id="tip2 " >& lt/div & gt；
& ltul id="menu2 " >
& ltLi class = " hover " onmouseover = " nowtab(2，0)" & gt；& lta href = " # " & gt新闻
& lt李onmouseover="nowtab(2，1)" & gt；& lta href = " # " & gt评论
& lt李onmouseover="nowtab(2，2)" & gt；& lta href = " # " & gt技术
& lt李onmouseover="nowtab(2，3)" & gt；& lta href = " # " & gt评论
& lt/ul & gt；
& lt/div & gt；
& ltdiv class="main" id="main2 " >
新闻内容
& lt/div & gt；
& lt/div & gt；
& lt/body & gt；
& lt/html & gt；