#mod_bgmusic{display:none}为隐藏播放器
2.背景图片：
在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat}
#header div.rc 右背景图{background:url(图片链接) no-repeat top right}
将图片链接换成你要显示得图片即可，可以用gif动画。
在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat}
#header div.rc 右背景图{background:url(图片链接) no-repeat top right}
将图片链接换成你要显示得图片即可，可以用gif动画。
网友问我如何修改空间的背景，现做如下说明：
1）先把自己的背景图片存到空间相册里，
2）然后用ctrl+F键找到#header div.lc和 #header div.rc；如下：
#header div.lc{background:url(图片地址) no-repeat 830px 0px}
#header div.rc{background:url(图片地址) no-repeat 830px 0px}
3）上面的“图片地址”是你存的背景图片的地址，你只需把原空间背景图片的地址替换成你自己的图片地址即可。
4）要改变空间下面的大背景，修改下面这句中的“图片地址”就好了：
.stage{background:url(图片地址) repeat-y}
说明：上面两行代码修改的是空间最上头标题的背景
这是我的备用
body{background:#000CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse020.ani')}
body {background:url(http://www.siteem.com/resource/images/06/04/10/pic_1144638229014696.jpg) no repeat no scroll!mportant}
BODY {background-repeat:repeat-y
background-attachment:fixed
}
#header{height:200pxbackground:#000000}
#header div.lc{}
#header div.rc{background:url(http://pp.tvvvv.com/AttFiles/MM/58/172/2006/1/1728081.jpg) no-repeat top right}
#header div.tit{top:25pxleft:20pxline-height:22pxfont-size:20pxfont-family:黑体}
#header div.tit a.titlink{color:#FFFFFFtext-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFFtext-decoration:none}
#header div.desc{top:50pxleft:20pxcolor:#F81945font-size:13px}
#tabline{top:199px}
#tab{top:177px}
#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:2pxline-height:19pxcolor:#C3C3C3font-size:14px}
#tab span{color:#C3C3C3font-size:14px}
#tab a:link{color:#C3C3C3text-decoration:nonefont-size:14px}
#tab a:visited{color:#C3C3C3text-decoration:nonefont-size:14px}
#tab2{background:#DAE9F5}
#tab2 span{color:#000000font-size:12pxfont-weight:bold}
#tab2 a{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
.stage{}
#comm_info{color:#666666font-family:Arialtext-align:left}
#comm_info div.line{margin-top:5pxline-height:8pxborder-top:1px solid #43212E}
#comm_info a{color:#FAA511}
#page{height:30pxfont-size:14pxfont-family:Arialtext-align:center}
#page span{padding:3pxcolor:#666666font-size:14pxfont-weight:bold}
#page a.pc{color:#FAA511font-size:14pxfont-weight:bold}
#page a.pc:visited{color:#FAA511}
#page a.pi{padding:3pxcolor:#FAA511font-size:14px}
#page a.pi:visited{color:#FAA511}
.mod{margin-bottom:10px}
.modhandle{cursor:move}
.modth{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
.modtit{color:#FF0000font-size:12pxfont-weight:bold}a.modtit{color:#FAA511}a.modtit:visited{color:#FAA511}
.modtitlink{color:#FAA511font-size:12pxfont-weight:bold}a.modtitlink{color:#FAA511text-decoration:none}a.modtitlink:visited{color:#FAA511text-decoration:none}a.modtitlink:hover{color:#FF5100text-decoration:underline}
.modact{color:#FAA511font-size:12px}a.modact:link{color:#FAA511}a.modact:visited{color:#FAA511}
.modbox{padding:10px 10px 0 10px}
.modtl{line-height:1px}
.modtc{}
.modtr{line-height:1px}
.modbl{line-height:1px}
.modbc{line-height:1px}
.modbr{line-height:1px}
#m_blog div.tit{font-size:14pxfont-weight:bold}
#m_blog div.tit a{color:#58DD00font-size:14pxfont-weight:bold}
#m_blog div.tit a:visited{color:#CCCCCC}
#m_blog div.date{margin:5px 0 8px 0color:#C9B569}
#m_blog div.cnt{color:#CCCCCCline-height:20pxfont-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#FF3333font-size:14px}
#m_blog div.more a:visited{color:#FAA511}
#m_blog div.opt{color:#666666font-size:12px}
#m_blog div.opt a{color:#FAA511font-size:12px}
#m_blog div.opt a:visited{color:#FAA511}
#m_blog div.line{margin-top:17pxline-height:17pxborder-top:1px solid #43212E}
#m_blog div.none{padding:100px 0 100px 0color:#666666font-size:14px}
#m_blog{scrollbar-face-color: #E100E1
scrollbar-shadow-color: maroon
scrollbar-highlight-color: red
scrollbar-3dlight-color: #E6421A
scrollbar-darkshadow-color:#E100E1
scrollbar-arrow-color:#17C75D
scrollbar-base-color: #44FF8F
scrollbar-track-color: #E100E1
overflow-y:autoheight:1194px
filter: chroma(color=#E100E1)}
#m_pro a{color:#FAA511}
#m_pro a:visited{color:#FAA511}
#m_pro div.image{text-align:center}
#m_pro div.act{margin-top:10px}
#m_pro div.user{margin-top:10pxcolor:#7ACC00font-size:12pxfont-weight:bold}
#m_pro div.desc{color:#D65A08font-size:12px}
#m_pro div.line{margin-top:17pxline-height:17pxborder-top:1px solid #43212E}
#m_pro td{color:#666666line-height:24pxfont-size:14px}
#m_album div.image{text-align:center}
#m_album div.page{color:#666666font-size:12pxtext-align:center}
#m_album div.page a{color:#0000CCfont-size:12px}
#m_album div.page a:visited{color:#0000CC}
#m_links div.item{color:#666666font-size:12px}
#m_links div.item a{color:#DE6210font-size:12pxtext-decoration:none}
#m_links div.item a:visited{color:#FAA511}
#m_links div.line{margin-top:5pxline-height:8pxborder-top:1px solid #43212E}
#m_links{overflow-y:autoheight:250px}
#m_artclg div.item{color:#666666font-size:12px}
#m_artclg div.item a{color:#FAA511font-size:12px}
#m_artclg div.item a:visited{color:#FAA511}
#m_artclg div.line{margin-top:5pxline-height:8pxborder-top:1px solid #43212E}
#m_comment div.item{color:#666666font-size:12px}
#m_comment div.item a{color:#FAA511font-size:12px}
#m_comment div.item a:visited{color:#FAA511}
#m_comment div.item a.cnt{color:#666666font-size:12pxtext-decoration:none}
#m_comment div.item a.cnt:visited{color:#666666text-decoration:none}
#m_comment div.item a.cnt:hover{color:#666666text-decoration:underline}
#m_comment div.line{margin-top:5pxline-height:8pxborder-top:1px solid #43212E}
#m_albumlist div.note{color:#666666font-size:14px}
#m_albumlist div.desc{margin-bottom:12pxpadding:3px 10px 3px 10pxline-height:22pxbackground-color:#F2F2F2font-size:14px}
#m_albumlist div.none{padding:100px 0 100px 0color:#666666font-size:14px}
#m_albumlist div.line{margin-top:10pxline-height:16pxborder-top:1px solid #43212E}
#m_albumlist div.tit{margin:6px 0 7px 0color:#666666font-size:14px}
#m_albumlist div.tit a{color:#FAA511font-size:14px}
#m_albumlist div.tit a:visited{color:#FAA511}
#m_albumlist span.count{color:#666666font-size:12pxfont-weight:bold}
#m_albumlist span.size{color:#999999font-size:12pxfont-family:Arial}
#m_albumlist a.act{color:#FAA511font-size:12px}
#m_albumlist a.act:visited{color:#FAA511}
#m_albumlist a.page{color:#0000CCfont-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5pxborder:1px solid #999999background:#FFFFFF}
#m_friend div.filter{margin-bottom:10pxpadding-left:10pxpadding-top:10pxheight:27pxline-height:27px}
#m_friend div.catalog{margin-bottom:10pxpadding-left:10pxheight:27pxline-height:27pxbackground-color:#F2F2F2font-size:14px}
#m_friend div.user{margin-top:4pxcolor:#666666font-size:12px}
#m_friend div.user a{color:#FAA511font-size:12px}
#m_friend div.user a:visited{color:#FAA511}
#m_friend div.line{margin-top:10pxline-height:16pxborder-top:1px solid #43212E}
#m_setting a{color:#FAA511}
#m_setting a:visited{color:#FAA511}
#m_setting{line-height:22pxcolor:#666666font-size:14px}
#m_setting img.sel{border:4px solid #FFDB7B}
#m_setting img.unsel{border:1px solid #D2D2D2}
#m_setting span.tit{font-size:14px}
#m_setting span.usr{color:#666666}
#m_setting div.sel{padding-top:6pxfont-size:14pxfont-weight:bold}
#m_setting div.line{margin-top:20pxline-height:16pxborder-top:1px solid #43212E}
#m_sysinfo a{color:#FAA511}
#m_sysinfo a:visited{color:#FAA511}
#m_sysinfo{line-height:22pxcolor:#666666font-size:14px}
#m_sysinfo span.new{color:#FF0000font-size:10pxfont-family:Arial}
#m_sysinfo span.date{color:#666666font-size:14px}
#m_setbase{color:#666666font-size:14px}
#m_setbase td{color:#666666font-size:14px}
#m_setbase div.line{margin-top:5pxline-height:8pxborder-top:1px solid #43212E}
#in_comment{width:710px}
#in_comment div.tit{margin-bottom:12pxcolor:#666666font-size:14pxfont-weight:bold}
#in_comment div.user{margin-bottom:6pxcolor:#666666font-size:12px}
#in_comment div.user a{color:#FAA511font-size:12px}
#in_comment div.user a:visited{color:#FAA511}
#in_comment div.user span.date{color:#666666font-size:12px}
#in_comment div.desc{color:#666666font-size:12px}
#in_comment div.line{margin-top:17pxline-height:17pxborder-top:1px solid #43212E}
#in_send div.tit{margin:10px 0 10px 0color:#666666font-size:14pxfont-weight:bold}
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xrayWIDTH: 225pxHEIGHT: 32px}
首先我们创建一个html文件，写出html文件的一些基础代码然后我们在网页中新建一个div，并新建一个
无序列表并创建4个然后使用浏览器直接打开html文件，查看效果，可以看到我们创建的标签自带有一定的格式，
接下来我们使用下面的代码去除标签的格式，其中：list-style:none表示去除标签的格式width:160px表示设置标签的宽height:240px表示设置标签的高background:#666666表示设置标签的背景色float:left表示设置标签浮动显示，并且为左浮动margin-right:20px表示设置标签右外边距
刷新浏览器中html文件查看效果，
这里我们开始添加动画：
给
标签添加：
transition:transform 0.1s
transform表示变换的属性，0.1上表示表换所需要的时间另外给标签添加鼠标滑动属性
li:hover{cursor:pointertransform:translate(0,-10px)}
cursor:pointer表示鼠标滑过显示为小手形状
transform:translate(0,-10px)translate表示移动，第一个参数为水平移动值，第二个参数为垂直移动值，
进入浏览器直接查看效果，如下图实现了鼠标滑过块，块上移的动画特效，如下图：
ie浏览器中有自带的切换效果可供调用；其它浏览器的话得自己写程序定位，如淡入淡出可以利用设置css的opacity属性实现；
百叶窗可以利用程序生成N个div，每个div的背景图为你要加载的图，然后设置好每个div的位置即可
