html5效果展示,展示效果

1

2 *{margin:0;padding:0;}

3 ul,ol{list-style:none;}

4 #box {

5 position:relative;

6 margin:100px auto;

7 border:1px solid #ccc;

8 width: 360px;

9 height:432px;

10 }

11 #box ul{

12 overflow: hidden;

13 border-top:1px solid #ccc;

14 position:absolute;

15 top:360px;

16 left:0;

17 width:360px;

18 }

19 #box li {

20 float: left;

21 border-top:none;

22 }

23 .bigimg{

24 width:360px;

25 height:360px;

26 background:red;

27 }

28 .bigimg li{

29 position:absolute;

30 top:0;

31 left:0;

32 }

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54