辰旭的本期教程十分简单,可惜的是只能用于Sakura主题,其他主题没试过,应该不行,尝试一下回来告诉辰旭吧。

前言

是否感觉自己的文章边框栏十分单调?简单,几行css代码将他美化。

预览

css代码

 /*侧边条*/
.post-list-thumb:hover:after {
    height: 100%;
}
.post-list-thumb:after {
    content: ' ';
    width: 4px;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FF69B4;/*颜色自己换*/
    box-shadow: 0 0 6px #FF69B4;
    border-radius: 10px;
    transition: 1s all;
}
.post-list-thumb-left:after{
  right: 0;
 left: auto;
}

总结

代码来自秋梨镇的阿肾,我更喜欢叫她猫酱,嘿嘿,次代码可以直接添加在后台自定义css代码里面,下期见,over。


一个爱好捣鼓网站的男孩纸!