在body{}中加入
background-image:url(图片地址) 定义背景图片
background-repeat: no-repeat定义背景图片不重复
background-position: center定义背景居中
background-attachment: fixed定义背景固定,不滚动参数fixed 以下内容由http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8提供,我只负责收藏及提供列表,如爱上该网站资源,本人一概不负责.
最新请到http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8
1
百度官方空间CSS说明
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/a2ab4dcea5418b0093457e73.html
2
使博客文章中链接在新窗口中打开
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/e8dc281ee56e8a1c4034177c.html
3
各模块添加滚动条实例 + 参数详解
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/a9aa7203fa81a18bd53f7c7b.html
4
文字发光方法!!!
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/25955b62a7f192dee6113a7b.html
5
在百度空间你加入透明渐变播放器
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/f275fc0ed730a0c97acbe17b.html玩6
转背景音乐播放器
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/dd12cda918e5b8ff1f17a27b.html
7
如何做半透明的百度空间
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/d666d260036b29dc8cb10d7a.html
8
改变百度空间的模块宽度
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/c320b71217d9c752f919b87a.html
9
查看任何人CSS代码和音乐地址的最简单方法
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/db62bdfac949d11da9d31179.html
10
百度空间设计的"终极技巧"
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/8373369911c03b0b6f068c79.html
11
致Baiduer CSS初学者
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/f56a76dc8fc1cda2cc116678.html
12
留言板代码
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/3b5857f93dea175a242df278.html
13
访问统计生成柱状图的CSS
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/2d473712ac3cb4cdc2fd787f.html
14
百度空间好友最新文章代码注释
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/168e031017294e02203f2e7f.html
15
博客流量统计
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/ed562f8b3769507c9f2fb47f.html
16
添加搜藏模块CSS
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/5f7d485cec862440faf2c07e.html
17
显示IP地址代码
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/c594f7319febc41aeac4af7e.html
18
你也想加入搜索引擎吗?请点击这里
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/38315e1670efdc1b962b4342.html
19
插入图片位置的代码及效果演示图
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/cdb8401bb4dd8af9ae513342.html
20
评价博客价值的几个查询方法
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/da06761921d24179dbb4bd42.html
21
RSS订阅”模块
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/d0f6431113413013b8127b41.html
22
最近读者”模块的CSS
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/7a6fdd43053bc5129213c641.html
23
增加博客点击量之三十六计
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/29fe0c26543469148b82a140.html
24
百度空间的网址功能连接项
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/9a48b4291f3d97fd98250a47.html
25
一些CSS效果教程补遗
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/33b9b36d853cc5f842169447.html
26
百度空间个性代码
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/c14f192ba8c042f9e7cd4046.html
27
利用重新定义标签,达到写文章时迅速排版的目的
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/168e0310172e4e02203f2e46.html
28
边框风格属性
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/d94b09010e4df0d5267fb546.html
29
百度空间布局剖析
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/f6d55f5888791b82810a1845.html
30
浏览器窗口滚动条特效及添加滚动条的方法
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/1366845525dc9cc7b645ae45.html
31
教你怎样让背景自动更新,包括头背景
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/738f323ef8f044f9838b1344.html
32
超链接效果修改--由浅入深
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/573adbfb633f34156c22eb44.html
33
关于字体
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/f8125888beeff097a5c2724f.html
34
让QQ去哭吧!免费用QQ空间鼠标
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/ded80254bb3e871c3b29354f.html
35
打造一个自己的百度空间"其他板块"
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/2941e3229b8557a74723e84f.html
36
文章列表板块文章区(四)------文章区的文字的设置
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/b793dfdaf5044ed8b7fd484e.html
37
文章列表板块文章区(三)------文字与边框之间的距离调整
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/fb7419dda68bda375882dd4e.html7238
文章列表板块文章区(二)------背景的颜色与图片
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/088e7cd395e266dca8ec9a4e.html
39
文章列表板块文章区(一)------边框的设置
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/b3644695578dda48d0135e4d.html
40
百度空间CSS更全面解释{转贴}
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/bb5e3ddede4ca65bcdbf1a4d.html
41
屏蔽百度
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/602c8c08c5397dd263d9864d.html
42
原创】自定义一个“公告栏”
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/f40681b38de935a4d8335a4c.html
43
如何改变TAB菜单栏的位置及颜色
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/e6031aeec0d24d2a2cf5344c.html
44
CSS在线编辑器
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/696cd5b53b2662cd37d3ca4c.html
45
关于空间导航(主页,博客。。。)
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/c71c5f13fa3cf5015baf5343.html
46
让空间拥有精美flash背景
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/8d461eef500ad0eccf1b3e43.html
47
让空间自动弹出对话框!
http://hi.baidu.com/%BF%D5%BC%E4%BD%CC%B3%CC%CD%F8/blog/item/8373369911ca3b0b6f068c43.html
打火机与公主裙代码爱心是由分子颗粒、爱心、动画组成。
打火机与公主裙代码爱心是由主要是分为3大部分组成,分子颗粒、爱心、动画。分子颗粒其实非常简单,主要是使用到的就是css的渐变:linear-gradient,然后再用css3新出background-size来控制颗粒之间的距离。控制linear-gradient的角度,只展示出一个点。
爱心其实更加简单,使用伪元素::after和::before做出两个圆,然后用定位调整一下位置。心动的效果,其实主要就是放大和缩小,用到transform中的scale()。再用动画@keyframes控制关键帧来实现。不停的心动主要使用的是animation中的infinite属性。
代码的介绍
代码就是程序员用开发工具所支持的语言写出来的源文件,是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
代码设计的原则包括惟一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。源代码是代码的分支,某种意义上来说,源代码相当于代码。它由通过编译器完成。
代码中就是最后的2段js加载的浮动广告和网页,去掉就可以了。<html>
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 { FILTER: Glow(Color=yellow, Strength=10)FONT-FAMILY: "楷体_GB2312"COLOR: #ff0000FONT-SIZE: 32px
}
.STYLE2 { LINE-HEIGHT: 45pxFONT-FAMILY: "楷体_GB2312"COLOR: #84c813FONT-SIZE: 24pxFONT-WEIGHT: bold
}
.STYLE3 { LINE-HEIGHT: 20pxCOLOR: #ff71b8FONT-SIZE: 12px
}
.STYLE4 {
font-family: "楷体_GB2312"
font-size: 16px
}
body {
background-image: url(%E8%83%8C%E6%99%AF.jpg)
}
#Layer1 {
position:absolute
left:350px
top:228px
width:368px
height:105px
z-index:1
}
-->
</style>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312"></head>
<body>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center height=70>
<TBODY>
<TR>
<TD background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/zhufu_net(8).htm align=right><TABLE border=0 cellSpacing=0 cellPadding=0 width=750 height=70>
<TBODY>
<TR>
<TD class=STYLE1 width=432 align=middle>祝你生日快乐!</TD>
<TD width=98 align=middle>dd</TD>
<TD width=10> </TD>
<TD width=80 align=middle><A
href="http://birthday.8wish.com/dx.html"></A>ddd</TD>
<TD width=10> </TD>
<TD width=98 align=middle>dd</TD>
<TD width=23> </TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/zhufu_net(6).htm align=center
height=50>
<TBODY>
<TR>
<TD><img src="top1.gif" width="750" height="70"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/zhufu_net(7).htm align=center
height=280>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD colspan="2" vAlign=bottom><img src="top2.gif" width="750" height="80"></TD>
</TR>
<TR>
<TD colspan="2" vAlign=bottom><img src="TOP3.gif" width="750" height="50"></TD>
</TR>
<TR>
<TD colspan="2" vAlign=bottom><img src="top4.gif" width="750" height="90"></TD>
</TR>
<TR>
<TD height="30" colspan="2" vAlign=bottom><TABLE border=0 cellSpacing=0 cellPadding=0 width=500 height=30>
<TBODY>
<TR>
<TD class=STYLE2 align=right><FONT
color=#0080ff>首先找到打火机,找到蜡烛! </FONT></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD width="500" height="30"> </TD>
<TD class=STYLE2 align=right width="250" vAlign=top><div align="center"><span class="STYLE4">这是我给你的第一件礼物</span></div></TD>
</TR>
</TBODY>
</TABLE>
<TABLE width=750 height=420 border=0 align=center cellPadding=0 cellSpacing=0
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif bgcolor="#FF66CC">
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="614" valign="top"><img src="边left.jpg" width="35" height="613"></TD>
<TD class=STYLE2 width=680 align=middle><P><img src="蛋糕.jpg" width="679" height="615"></P></TD>
<TD width="35" align=middle valign="top"><img src="边right.jpg" width="35" height="614"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=33 height="20" valign="top"><!--DWLayoutEmptyCell--> </TD>
<TD width=685 align=middle><IMG
src="分割.gif" width=611 height=7></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=33 height="20" valign="top"><!--DWLayoutEmptyCell--> </TD>
<TD width=685 align=middle><IMG
src="分割.gif" width=611 height=7></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=320>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="320" valign="top"><img src="边left.jpg" width="34" height="319"></TD>
<TD width=410 align=middle valign="top"><!--DWLayoutEmptyCell--> </TD>
<TD class=STYLE2 align=middle>有种思念叫牵肠挂肚<BR>
有种爱情叫至死不渝<BR>
有种美丽叫倾国倾城<BR>
有种约定叫天荒地老<BR>
有种幸福叫认识你真好</TD>
<TD width=35 valign="top"><img src="边right.jpg" width="32" height="319"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="20"> </TD>
<TD width=685 align=middle><IMG
src="分割.gif" width=611 height=7></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=34 height="45" valign="top"><!--DWLayoutEmptyCell--> </TD>
<TD width=685 align=middle><SPAN class=STYLE2>想对你说:生命中因为有过你的足迹
我很满足</SPAN><BR></TD>
<TD width=36 valign="top"><img src="边right.jpg" width="32" height="45"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="20"> </TD>
<TD width=685 align=middle><IMG
src="分割.gif" width=611 height=7></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=320>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="320" valign="top"><img src="边left.jpg" width="32" height="320"></TD>
<TD class=STYLE2 align=middle><FONT
color=#8080ff>让星星化为我的眼,<BR>
整夜的看护你;<BR>
让清风化为我的笑,<BR>
抚平你驿动的心;<BR>
让一切美好的事物<BR>
化为我的祝福,<BR>
永远的陪伴着你。</FONT></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="20"> </TD>
<TD width=685 align=middle><IMG
src="分割.gif" width=611 height=7></TD>
<TD width=35 valign="top"><!--DWLayoutEmptyCell--> </TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=538>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width=35 height="538" valign="top"><img src="边left.jpg" width="32" height="540"></TD>
<TD width=680 align=middle class=STYLE2><P><FONT
color=#0080ff>在你生日的这一天,将快乐的祝福音符,<BR>
作为礼物送给你,愿您拥有365个美丽的日子,<BR>
衷心地祝福你!生日快乐乐乐乐乐乐乐!<BR>
都说流星可以有求必应,如果可以我愿意在夜空等待,<BR>
等到一颗星星被我感动,为我划过星空带着我的祝福,<BR>
落在你的枕边。您,生日快乐!</FONT></P>
<P><FONT color=#0080ff>-----爱你的我</FONT></P></TD>
<TD width="35" valign="top"><img src="边right.jpg" width="32" height="540"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750
background=生日祝福,生日祝福语,生日祝福短信,生日祝福词_files/8wish_03.gif align=center height=20>
<!--DWLayoutTable-->
<TBODY>
<TR>
<TD width="750" height="20" valign="top" background="xia.gif.lnk"><img src="xia.gif" width="750" height="45"></TD>
</TR>
</TBODY>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center height=45>
</TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=750 align=center height=40>
</TABLE>
</body>
</html>