zblog教程笔记：花里胡哨

忙里偷闲，想着倒腾一下网站，花里胡哨的，代码如下，放在主题模板文件style.css文件下。前提条件：已安装本站同主题

.link-box {
    background-image: url(/zb_users/upload/2022/06/20220614173214165519913454101.png);
    position: relative;
    background-repeat: no-repeat;
    border: none;
    background-position: right top;
    background-size: 258px;
    background-position-y: 3px;
    background-position-x: 93%;
}
.line-box:nth-child(1) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173920165519956034060.png);
    background-size: 215px;
    background-position-x: 58%;
    background-position-y: 2px;
    background-repeat: no-repeat;
}
.line-box:nth-child(2) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173206165519912657284.png);
    background-size: 200px;
    background-position-x: 66%;
    background-position-y: 2px;
    background-repeat: no-repeat;
}
.line-box:nth-child(3) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173202165519912281387.png);
    background-size: 168px;
    background-position-x: 68%;
    background-position-y: 6px;
    background-repeat: no-repeat;
}
.line-box:nth-child(4) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173653165519941311554.png);
    background-size: 215px;
    background-position-x: 58%;
    background-position-y: 11px;
    background-repeat: no-repeat;
}
.line-box:nth-child(5) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173157165519911769418.png);
    background-size: 200px;
    background-position-x: 66%;
    background-position-y: 2px;
    background-repeat: no-repeat;
}
.line-box:nth-child(6) {
    background-image: linear-gradient(rgba(255, 255, 255, 0.08),rgba(255, 255, 255, 0)),url(/zb_users/upload/2022/06/20220614173153165519911321368.png);
    background-size: 168px;
    background-position-x: 68%;
    background-position-y: 6px;
    background-repeat: no-repeat;
}

效果：