CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性，可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。
CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心，呈现盒子的主要信息内容；填充是内容区和边框之间的空间；边框是环绕内容区和填充的边界；空白边位于盒子的最外围，是添加在边框外周围的空间。
1、用脚本（js或jquery）实现：
onmouseover的时候显示播放按钮层(div),onmouseout的时候再隐藏播放按钮层。
2、用css实现：
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
如下是我做的一个小案例(css实现)，比较简单，提供一种思路。
【源代码见附件，仅供学习参考使用】。
