WordPress子比主题文章卡片美化-HAC社区

教程简介：

子比主题文章卡片美化，我发现他是在卡片代码内插入html代码配合css实现的，增加这三个点的代码，完全可以使用before来实现这个效果

此处隐藏内容

.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;

}

如果觉得和图片的间隔距离不够，可以将padding: 26px 10px 10px 10px;修改成padding: 35px 10px 10px 10px;

本文链接：

文章作者

HAC 社区

隐私政策

PrivacyPolicy

用户协议

UseGenerator

许可协议

NC-SA 4.0

文章版权归作者所有，未经允许请勿转载。

THE END