新手必看,css代码教程，教你如何做自己喜欢的页面

一.添加背景图片代码

body{background-image:url(在这里写入图片地址)}例如： body{background-image:url(http://static.xiaonei.com/img/new-logo.gif)} (素材请点击这里)

二.添加背景音乐代码(详细情况及素材请点击这里)

<BGSOUND src=(在这里写入图片地址)loop=infinite>

例如:<BGSOUND src=http://www.lcss.net.cn/UploadFile/64451.mp3  loop=infinite>

三.添加隐藏代码

#sidebar{display:none;}
#mymenu{display:none;}
.blockimage.block h3{display:none;}
.blocktext{display:none;}
#annouce{display:none;}
.block,.linkblock,#annouce,.blockcont img,.boxcontent{display:none;}
.boxcontent{display:none;}
#userPicture{display:none;}
#userActions{display:none;}
#userVisitor{display:none;}
#userFriend{display:none;}
#userFriendUniv{display:none;}
#userProfile{display:none;}
#AccountInfo{display:none;}
#BasicInfo{display:none;}

#ContactInfo{display:none;}
#PersonalInfo{display:none;}
#userBlog{display:none;}
#blog li{display:none;display:expression((this.parentNode.firstChild==this)?"block":"none");}#blog li:first-child{display:block;}
#blog .content{display:none;}
#userAlbum{display:none;}
#userPandora{display:none;}
#userGroup{display:none;}
#userTalk{display:none;}
.picture{display:none;}#userTalk .text{ margin-left:0px;}#userTalk .info { margin-left:0px;}

#permalink,#snav,#footer{display:none;}

四.关于11-26后校内改动后补救方法

1、页面中出现一个灰白细线，背景图片不显示

这些都是因为校内网body里的ID换了，所以解决方法是将#spacePage #content改成#spacePage #spacePage #content

比如爱情，戒指 灰黑主题 移植百度空间风格这款代码中的

#spacePage #content {
border:0;
width:980px;
padding:0;
background:#333;}

修改成

#spacePage #spacePage #content {
border:0;
width:980px;
padding:0;
background:#333;}

即可解决大部分问题,比如原先的背景色没了

2、头像右边出现边框

#userPicture{border:0;}

3、头像下面的链接背景变成白色了

解决方法，在代码中加入如下 /* 代码来源 未知校内代码(xok.cc) */

#userActions{background:transparent}

4、关于个人新鲜事

要隐藏的话 #userFeed{display:none;}

如果不想隐藏，那就设置一下宽度吧 #userFeed h2{width:auto;}

五.超级链接的颜色

A:link {text－decoration: none; color:blue}是说明了超级链接还没有被访问，它没有下划线，颜色为蓝色。
A:visited { color:red; text－decoration:line－through }说明了超级链接被访问后，它的颜色变成了红色，有了一根删除线。
A:active { color:white; text－decoration:underline }说明超级链接处于活动状态的时候，它的颜色变成了白色，有了下划线。

A:hover {text－decoration:none;color:＃FF0000;background－color:black}说明鼠标移动到超级链接后，它没有下划线，文字颜色变成了黄色，背景颜色是黑色。

说一下,这个颜色代码用上面的英文单词表示可以,用下面的7位字符表示也可以

背景颜色代码请点击此网页http://w1w1.bokee.com/3538465.html
字体颜色代码 ：
1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色#856363 36 长石色 #D19275 37 火砖色 #8E2323

　　根据上面的解释，我们可以把超级链接在各种状态下的显示颜色修改成自己喜欢的那种，以便能更好地展示自己的个性。

六.留言板的设置

1、留言框的宽度
/*加宽留言框长度*/
#userTalk #cmtbody{
width:100%;}
说明:100%你可以自己调
2、留言板背景
#starttalkForm {
background: #F7F7F7;}
#F7F7F7修改成你内容部分背景色
3、留言框上的按钮

/*留言板按钮样式*/
#userTalk .subbutton, #userTalk .ｉｎｐｕｔbutton{
padding:2px 3px;
color:#999999;
background:#52513F;}
要修改#999999和#52513F这两个颜色为你自己想要的颜色。
4、留言框背景设置

/*留言框背景样式*/  
#userTalk textarea{
color:#000;
height:120px;
border:1px solid #000;              
background:#fff url(http://www.xncss.org.cn/xncss/ly.gif) no-repeat right;}
分别是留言内容颜色，留言框宽度，边框颜色，背景图片

5、留言人的姓名、学校和留言时间
/*留言栏留言人姓名、学校设置*/
#talk .info{
background:#DAD8CB;
border:0;}
要修改#DAD8CB这个颜色为你自己想要的颜色。

七.加星星

校内加9颗星星的代码

#userStatus .stat{PADDING-LEFT: 110px; BACKGROUND: url(http://fm261.img.xiaonei.com/tribe/20071118/11/40/A725637384145MAR.gif) no-repeat left top}