<body>
<style type="text/css">
span{height:40px width:40px display:block position:relative}
.demoSpan1{width:26px}
.demoSpan1:before{content:'' height:16px width:16px border:5px solid #333 display:block position:absolute top:2px left:0px z-index:1 line-height:26px border-radius:40px-webkit-border-radius:40px-moz-border-radius:40px color:#fff text-align:center}
.demoSpan1:after{content:'' height:0px width:0px display:block position:absolute bottom:2px left:3px border:10px transparent solid border-top-color:#333 border-width:15px 10px 0px 10px }
</style>
<span class="demoSpan1">
</span>
</body>
</html>
这个是中间空心的,你自己略加修改。
给你个便捷的CSS3图标网站,那里有很多责成的。
这里不给发网址,下面的东东,自己参吧:
www-uiplayground-in/css3-icons
1、圆形
#circle{width:100pxheight:100pxbackground:red-moz-border-radius:50px-webkit-border-radius:50pxborder-radius:50px}
2、椭圆
#oval{width:200pxheight:100pxbackground:red-moz-border-radius:100px / 50px-webkit-border-radius:100px / 50pxborder-radius:100px / 50px}
3、等边三角
#triangle-up{width:0height:0border-left:50px solid transparentborder-right:50px solid transparentborder-bottom:100px solid red}
4、五角星
#star-five{margin:50px 0position:relativedisplay:blockcolor:redwidth:0pxheight:0pxborder-right:100px solid transparentborder-bottom:70px solid redborder-left:100px solid transparent-moz-transform:rotate(35deg)-webkit-transform:rotate(35deg)-ms-transform:rotate(35deg)-o-transform:rotate(35deg)}#star-five:before{border-bottom:80px solid redborder-left:30px solid transparentborder-right:30px solid transparentposition:absoluteheight:0width:0top:-45pxleft:-65pxdisplay:blockcontent:''-webkit-transform:rotate(-35deg)-moz-transform:rotate(-35deg)-ms-transform:rotate(-35deg)-o-transform:rotate(-35deg) }#star-five:after{position:absolutedisplay:blockcolor:redtop:3pxleft:-105pxwidth:0pxheight:0pxborder-right:100px solid transparentborder-bottom:70px solid redborder-left:100px solid transparent-webkit-transform:rotate(-70deg)-moz-transform:rotate(-70deg)-ms-transform:rotate(-70deg)-o-transform:rotate(-70deg)content:''}
5、爱心
#heart{position:relativewidth:100pxheight:90px}#heart:before,#heart:after{position:absolutecontent:""left:50pxtop:0width:50pxheight:80pxbackground:red-moz-border-radius:50px 50px 0 0border-radius:50px 50px 0 0-webkit-transform:rotate(-45deg)-moz-transform:rotate(-45deg)-ms-transform:rotate(-45deg)-o-transform:rotate(-45deg)transform:rotate(-45deg)-webkit-transform-origin:0 100%-moz-transform-origin:0 100%-ms-transform-origin:0 100%-o-transform-origin:0 100%transform-origin:0 100%}#heart:after{left:0-webkit-transform:rotate(45deg)-moz-transform:rotate(45deg)-ms-transform:rotate(45deg)-o-transform:rotate(45deg)transform:rotate(45deg)-webkit-transform-origin:100% 100%-moz-transform-origin:100% 100%-ms-transform-origin:100% 100%-o-transform-origin:100% 100%transform-origin:100% 100%}
6、倒三角
#triangle03{width:0height:0border:50pxsolid transparentborder-top:50pxsolid blue }
区别大了!{body的background-image }这是放些JPG格式的图片的!!而你说的是SWF的FLASH那不一样的,我告诉你一个方法你只要找到{#m_pro div.act}这个代码然后换掉成下面的代码就可以了也是直接下雨的效果!!你在有{加入地址的地方}加入你说的那个地址就可以了#m_pro div.act{margin-top:5pxbackground:url("javascript:document.body.onload = function(){if(document.getElementById("header") ){var objBlogList=document.getElementById("header")objBlogList.innerHTML="<div><embed src=\'加入的地址的地方\' wmode=transparent style=\'position:absolute\' width=990 height=260></div>"+objBlogList.innerHTML}}")}
--------------------------------------------------------------------------------
我再提供些其他的素材给 你吧!你想换那个就那个
http://imgfree.21cn.com/free/flash/1.swf
http://imgfree.21cn.com/free/flash/2.swf
http://imgfree.21cn.com/free/flash/3.swf
http://imgfree.21cn.com/free/flash/36.swf 性感的唇
http://imgfree.21cn.com/free/flash/42.swf 蒲公英
http://imgfree.21cn.com/free/flash/25.swf 蚂蚁
http://imgfree.21cn.com/free/flash/29.swf 蓝色的水
http://imgfree.21cn.com/free/flash/23.swf 雪花飘
http://imgfree.21cn.com/free/flash/41.swf 雪花飘
http://imgfree.21cn.com/free/flash/40.swf
http://imgfree.21cn.com/free/flash/45.swf
http://imgfree.21cn.com/free/flash/46.swf
http://imgfree.21cn.com/free/flash/53.swf
http://imgfree.21cn.com/free/flash/33.swf
http://imgfree.21cn.com/free/flash/51.swf
http://imgfree.21cn.com/free/flash/52.swf 枫叶飘
http://imgfree.21cn.com/free/flash/53.swf
http://imgfree.21cn.com/free/flash/54.swf 黑客帝国
http://imgfree.21cn.com/free/flash/57.swf
http://imgfree.21cn.com/free/flash/58.swf
http://imgfree.21cn.com/free/flash/59.swf
http://imgfree.21cn.com/free/flash/61.swf 心
http://imgfree.21cn.com/free/flash/62.swf 烟花
http://imgfree.21cn.com/free/flash/63.swf
http://imgfree.21cn.com/free/flash/64.swf
http://imgfree.21cn.com/free/flash/66.swf 漂亮
http://imgfree.21cn.com/free/flash/68.swf
http://imgfree.21cn.com/free/flash/69.swf
http://imgfree.21cn.com/free/flash/70.swf
http://imgfree.21cn.com/free/flash/71.swf
http://imgfree.21cn.com/free/flash/73.swf
http://imgfree.21cn.com/free/flash/74.swf
http://imgfree.21cn.com/free/flash/75.swf 跟着鼠标动的烟火
http://imgfree.21cn.com/free/flash/77.swf
http://imgfree.21cn.com/free/flash/78.swf 时间
http://imgfree.21cn.com/free/flash/80.swf
http://imgfree.21cn.com/free/flash/81.swf 火
http://imgfree.21cn.com/free/flash/84.swf
http://imgfree.21cn.com/free/flash/85.swf
http://imgfree.21cn.com/free/flash/86.swf
http://imgfree.21cn.com/free/flash/97.swf
http://imgfree.21cn.com/free/flash/107.swf
http://imgfree.21cn.com/free/flash/108.swf
http://imgfree.21cn.com/free/flash/110.swf
http://imgfree.21cn.com/free/flash/113.swf
http://imgfree.21cn.com/free/flash/115.swf 跟着鼠标走的鱼
http://imgfree.21cn.com/free/flash/117.swf
http://imgfree.21cn.com/free/flash/119.swf
http://imgfree.21cn.com/free/flash/121.swf
http://imgfree.21cn.com/free/flash/123.swf
http://imgfree.21cn.com/free/flash/126.swf
http://imgfree.21cn.com/free/flash/128.swf 眼镜
http://imgfree.21cn.com/free/flash/129.swf 下雨了
http://imgfree.21cn.com/free/flash/130.swf 跟着鼠标的白色花
http://imgfree.21cn.com/free/flash/131.swf 枫叶
http://imgfree.21cn.com/free/flash/132.swf
http://imgfree.21cn.com/free/flash/136.swf