<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
区别大了！{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
display 设置或检索对象是否及如何显示。display: none 隐藏对象
display：block 除了转换为块级元素之外，同时还有显示元素的意思。
登录后复制
特点： display 隐藏元素后，不再占有原来的位置。
后面应用及其广泛，搭配 JS 可以做很多的网页特效。实际开发场景：
配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛
二、visibility 可见性 （了解）
visibility 属性用于指定一个元素应可见还是隐藏。
visibility：visible 元素可视
visibility：hidden 元素隐藏
登录后复制
特点：visibility 隐藏元素后，继续占有原来的位置。（停职留薪）
如果隐藏元素想要原来位置， 就用 visibility：hidden
如果隐藏元素不想要原来位置， 就用 display：none (用处更多 重点）
三、overflow 溢出（重点）
overflow 属性指定了如果内容溢出一个元素的框（超过其指定高度及宽度） 时，会发生什么。
属性值 描述
visible 不剪切内容也不添加滚动条
hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉
scroll 不管超出内容否，总是显示滚动条
auto 超出自动显示滚动条，不超出不显示滚动条
一般情况下，我们都不想让溢出的内容显示出来，因为溢出的部分会影响布局。
但是如果有定位的盒子， 请慎用overflow:hidden 因为它会隐藏多余的部分。
四、显示与隐藏总结
属性 区别 用途
display 显示 （重点） 隐藏对象，不保留位置 配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛
visibility 可见性 （了解） 隐藏对象，保留位置 使用较少
overflow 溢出（重点） 只是隐藏超出大小的部分 1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围
css
javascript
