Zibll子比主题首页排名榜样式美化

前言

我感觉这个排名榜挺好看的，给大家分享下，这个排名榜非常的不错，我改了一下图标，加了几个图标，里面的CSS样式我已经详细调整到合适位置（如图片大小、位置、字体大小等），我感觉好看点，所以给大家分享一下吧。

亲测截图

教程如下

1、首先我们要知道这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始整！

HTML代码如下：

2、将上面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜以下代码

3、CSS代码（将下面的CSS代码放到子比后台-自定义CSS样式即可！）

4、接下来就是下载图片，我将图标放在的下面，大家可以去下载！记住图片要对着CSS里面的目录对好，要不然看不到图片的！