<!doctype html>
<title>纯CSS相册 by huansky</meta charset="utf-8"/>
name="keywords" content="纯CSS相册 by huansky" ="description"style type="text/css">
ul#album,#album li{
margin:0;
padding
list-stylenone;
}
ul#album/*第1层*/
width600px
height400px
#album li第2层
floatleft150px一定要设置，要不当hover激活img成为大图时，img就上升到更上一层，↓100pxLI元素为空，就会被挤成一条线，后面的元素就会挤压过来填满此空间，出现最右下角少一块的现象*/
#album img默认平时都以小图形式显示
#album li img:hover只有由hover激活的img才位于第3层
position relative
left-75px上移小图的宽的一半
top-50px上移小图的高的一半300px200px}
styleh1ul id="album">
li>
img src="img/1.png" />
="img/2.png" ="img/3.png" ="img/4.png" ="img/5.png" ="img/6.png" ><="img/7.png" ="img/8.png" ="img/9.png" ="img/10.png" ="img/11.png" ="img/12.png" ul>
服务热线 19970861797
