软件库

知更鸟主题底部二维码代码

实现代码

  1. <ul class="about-me-img clearfix">
  2. <li>
  3. <img src="https://img.jiub.ren/wp-content/uploads/2018/08/微信.png" alt="知更鸟主题底部二维码代码" alt="博主微信">
  4. <p>博主微信</p>
  5. </li>
  6. <li>
  7. <img src="https://img.jiub.ren/wp-content/uploads/2018/08/qq群.png" alt="知更鸟主题底部二维码代码" alt="QQ交流群">
  8. <p>QQ交流群</p>
  9. </li>
  10. <li>
  11. <img src="https://img.jiub.ren/wp-content/uploads/2018/08/微信公众号.png" alt="知更鸟主题底部二维码代码" alt="微信公章号">
  12. <p>微信公众号</p>
  13. </li>
  14. </ul>
  15. <style type="text/css">
  16. .about-me-img li {
  17. float: left;
  18. padding: 5px;
  19. width: 33.333333333333333333% !important;
  20. }
  21. .about-me-img p {
  22. text-align: center;
  23. }
  24. </style>

退出移动版