当我们看是用子比主题是,我都会希望(子比主题美化)他能变得好看,就是花里胡哨的,所以我就去了子比主题官网的美化社区看了看,发现了这个美化。下面是在别人的网站的截图,我自己是没有用文章的美化,代码美化你看下面的代码就知道了。

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主站,点击下方按钮前往原文页面获取完整内容:

跳转至 WordPress 主站原文页面

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。