![优雅简约之信息统计模块美化[WP教程]-星语的小木屋](https://www.wiiuii.cn/wp-content/uploads/2022/04/365c71d6835d.png)
前言
总觉得我以前写的《底部信息统计》的样式有点不怎么好看，所以一直想更换一下，但奈何一直没有灵感，搁置了好久。正好最近接触到CSS Grid 网格样式布局，所以就顺便拿来的改一下样式。
设计初期，em……随便在 画图 工具胡乱设计，感觉还行…..（如图）
![图片[1]-优雅简约之信息统计模块美化[WP教程]-星语的小木屋](https://www.wiiuii.cn/wp-content/uploads/2022/04/1649489702-底部信息设计初期-1024x347.png)
但是设计来设计去，就把它变成了下面的样子，感觉还行就分享出来了。
![图片[2]-优雅简约之信息统计模块美化[WP教程]-星语的小木屋](https://www.wiiuii.cn/wp-content/uploads/2022/04/1649489829-image-1024x260.png)
代码简简单单的使用HTML+jQuery+CSS，感觉CSS Grid 网格样式布局特别好用，但不知道浏览器兼不兼容。好啦，下面就分享教程。还是老样子，制作不易，禁止白嫖！
食用教程
效果
运行时间
用户总数
浏览总数
文章总数
今日发布
今日
感谢您的来访，获取更多精彩文章请收藏本站。
© 版权声明
THE END
![子比主题美化教程(备忘录)[更新时间:2022年11月12日]-星语的小木屋](https://www.wiiuii.cn/wp-content/uploads/2021/01/b106fb9775212236.jpg)
![WordPress添加VIP视频在线解析页面[WP教程]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/WordPress%E6%B7%BB%E5%8A%A0VIP%E8%A7%86%E9%A2%91%E5%9C%A8%E7%BA%BF%E8%A7%A3%E6%9E%90%E9%A1%B5%E9%9D%A2.jpg)
![子比主题添加热门标签页面[子比主题教程]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0%E7%83%AD%E9%97%A8%E6%A0%87%E7%AD%BE%E9%A1%B5%E9%9D%A2.jpg)
![为WordPress网站添加一个[时光轴]页面[整站笔记]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E4%B8%BAWordPress%E7%BD%91%E7%AB%99%E6%B7%BB%E5%8A%A0%E4%B8%80%E4%B8%AA%E6%97%B6%E5%85%89%E8%BD%B4%E9%A1%B5%E9%9D%A2%E6%95%B4%E7%AB%99%E7%AC%94%E8%AE%B055.png)
![WordPress清新版说说页面[更新:2-7]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/WordPress%E6%B7%BB%E5%8A%A0%E6%B8%85%E6%96%B0%E7%89%88%E7%9A%84%E8%AF%B4%E8%AF%B4%E9%A1%B5%E9%9D%A2.jpg)
![WordPress添加疫情实时动态页面[WP页面]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/WordPress%E7%96%AB%E6%83%85%E5%AE%9E%E6%97%B6%E5%8A%A8%E6%80%81.jpg)
- 最新
- 最热
只看作者