马黑黑 发表于 2022-5-1 13:14

活页样式

<style>
.page {
        margin: auto;
        width: 400px;
        height: 500px;
        padding: 8px;
        background: #eedeb0;
        position: relative;
        filter: drop-shadow(2px 2px 6px gray);
}
.page::before {
        content: '';
        position: absolute;
        width: 40px;
        height: 480px;
        top: 14px;
        background: #eedeb0 radial-gradient(circle at center center, #fff 40%, #000 42%, transparent 0);
        background-size: 20px 20px;
        background-repeat: repeat-y;
}
</style>

<div class="page"></div>

马黑黑 发表于 2022-5-1 13:15

代码分享：

<style>
.page {
        width: 400px;
        height: 500px;
        padding: 8px;
        background: #eedeb0;
        position: relative;
        filter: drop-shadow(2px 2px 6px gray);
}
.page::before {
        content: '';
        position: absolute;
        width: 40px;
        height: 480px;
        top: 14px;
        background: #eedeb0 radial-gradient(circle at center center, #fff 40%, #000 42%, transparent 0);
        background-size: 20px 20px;
        background-repeat: repeat-y;
}
</style>

<div class="page"></div>

红影 发表于 2022-5-1 20:23

漂亮的活页样子，黑黑真棒{:4_187:}

东篱闲人 发表于 2022-5-1 20:24

{:5_116:}

马黑黑 发表于 2022-5-1 21:04

东篱闲人 发表于 2022-5-1 20:24


{:4_180:}

马黑黑 发表于 2022-5-1 21:05

红影 发表于 2022-5-1 20:23
漂亮的活页样子，黑黑真棒

能用就好

绿叶清舟 发表于 2022-5-1 21:16

这个样子漂亮

马黑黑 发表于 2022-5-1 21:54

绿叶清舟 发表于 2022-5-1 21:16
这个样子漂亮

还行的

红影 发表于 2022-5-2 10:22

马黑黑 发表于 2022-5-1 21:05
能用就好

又有新的玩法了呢{:4_173:}

马黑黑 发表于 2022-5-2 10:43

红影 发表于 2022-5-2 10:22
又有新的玩法了呢

开心就好
页: [1]
查看完整版本: 活页样式