效果图

image.png

代码

  1. <!-- publish -->
  2. <div class="publish">
  3. <div class="row">
  4. <div class="col-sm-9">
  5. <h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
  6. <p class="text-muted">alibaixiu 发布于 2015-11-23</p>
  7. <p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
  8. 康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
  9. <p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
  10. </div>
  11. <div class="col-sm-3 pic">
  12. <img src="upload/3.jpg" alt="">
  13. </div>
  14. </div>
  15. <div class="row">
  16. <div class="col-sm-9">
  17. <h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
  18. <p class="text-muted">alibaixiu 发布于 2015-11-23</p>
  19. <p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
  20. 康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
  21. <p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
  22. </div>
  23. <div class="col-sm-3 pic">
  24. <img src="upload/3.jpg" alt="">
  25. </div>
  26. </div>
  27. <div class="row">
  28. <div class="col-sm-9">
  29. <h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
  30. <p class="text-muted">alibaixiu 发布于 2015-11-23</p>
  31. <p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
  32. 康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
  33. <p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
  34. </div>
  35. <div class="col-sm-3 pic">
  36. <img src="upload/3.jpg" alt="">
  37. </div>
  38. </div>
  39. <div class="row">
  40. <div class="col-sm-9">
  41. <h3>生活馆 关于指甲的10个健康知识 你知道几个?</h3>
  42. <p class="text-muted">alibaixiu 发布于 2015-11-23</p>
  43. <p>指甲是经常容易被人们忽略的身体部位,事实上从指甲的健
  44. 康状况可以看出一个人的身体健康状况,快来看看10个暗藏在指甲里的知识吧!</p>
  45. <p class="text-muted">阅读(2417)评论(1)赞(18)标签:健康/感染/指甲/疾病/皮肤/营养/趣味生活</p>
  46. </div>
  47. <div class="col-sm-3 pic">
  48. <img src="upload/3.jpg" alt="">
  49. </div>
  50. </div>
  51. </div>
  1. article .publish {
  2. border-top: 1px solid #ccc;
  3. }
  4. article .publish .pic {
  5. margin-top: 10px;
  6. }
  7. article .publish .pic img {
  8. width: 100%;
  9. height: 100%;
  10. }
  11. article .publish .row {
  12. border-bottom: 1px solid #ccc;
  13. }css

publish怎么这么大?

image.png
因为上面的.new的孩子有浮动
image.pngimage.pngimage.png

标题

image.png


生活馆 关于指甲的10个健康知识 你知道几个?



灰字

image.png
image.png

alibaixiu 发布于 2015-11-23