子比主题美化 – 文章卡片三个点美化+代码区块圆点美化 - 杂文技巧

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

当我们看是用子比主题是，我都会希望（子比主题美化）他能变得好看，就是花里胡哨的，所以我就去了子比主题官网的美化社区看了看，发现了这个美化。下面是在别人的网站的截图，我自己是没有用文章的美化，代码美化你看下面的代码就知道了。 CSS代码文章样式 .posts-item.Card::before { content: ""; display: block; background: #fc625D; top: 9px; left: 15px; border-radius: 50%; width: 9px; height: 9px; box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b; margin: 0px 2px -7px; z-index: 1000; position: absolute; } .posts-item.card { padding: 26px 10px 10px 10px; /*注意.posts-item.card没有定位属性需要把这个注释去掉 position: relative; /* 添加定位属性 */ } 代码样式 .enlighter::before { content: ""; display: block; background: #fc625d; top: 9px; left: 15px; border-radius: 50%; width: 15px; height: 15px; box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; margin: 0px 2px -7px; z-index: 1; position: absolute; } .enlighter-overflow-scroll.enlighter-v-standard .enlighter { padding: 35px 0 12px 0; }

点击下方按钮前往主站获取完整资源：

立即获取

跳转至 wordpress 主站原文页面