grid.css 988 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /*
  2. @Author:Qiu Tingyu
  3. @Create Time: 2015-6-29 9:02
  4. @Last Modified Time:
  5. */
  6. @charset "utf-8";
  7. *{padding: 0; margin: 0;}
  8. img{border: none;}
  9. ol,ul,li{list-style: none;}
  10. a{text-decoration: none;}
  11. body{ font-family: "微软雅黑";}
  12. /*------------- 图片放大效果 开始 ------------------------------*/
  13. .content-five{
  14. width:1000px;
  15. height: 412px;
  16. margin:20px auto;
  17. border: 1px solid #ccc;
  18. padding: 15px 25px 15px 25px;
  19. }
  20. .con-five{
  21. width: 297px;
  22. height: 198px;
  23. float: left;
  24. margin-right: 35px;
  25. margin-bottom: 15px;
  26. position: relative;
  27. overflow: hidden;
  28. cursor: pointer;
  29. }
  30. .conimg{
  31. width: 297px;
  32. height: 198px;
  33. }
  34. .txt-five{
  35. position: absolute;
  36. left: 0;
  37. bottom: 0;
  38. width: 100%;
  39. height: 45px;
  40. line-height: 45px;
  41. text-align: center;
  42. color: #fff;
  43. background: rgba(0,0,0,0.6);
  44. }
  45. .txt-five h3{
  46. font-weight: normal;
  47. }
  48. /*------------- 图片放大效果 结束------------------------------*/