活页样式

马黑黑

马黑黑

代码分享：

1. <style>
   
2. .page {
   
3.         width: 400px;
   
4.         height: 500px;
   
5.         padding: 8px;
   
6.         background: #eedeb0;
   
7.         position: relative;
   
8.         filter: drop-shadow(2px 2px 6px gray);
   
9. }
   
10. .page::before {
    
11.         content: '';
    
12.         position: absolute;
    
13.         width: 40px;
    
14.         height: 480px;
    
15.         top: 14px;
    
16.         background: #eedeb0 radial-gradient(circle at center center, #fff 40%, #000 42%, transparent 0);
    
17.         background-size: 20px 20px;
    
18.         background-repeat: repeat-y;
    
19. }
    
20. </style>
    
21. 
    
22. <div class="page"></div>

复制代码

红影

漂亮的活页样子，黑黑真棒

东篱闲人

马黑黑

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

马黑黑

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

能用就好

绿叶清舟

这个样子漂亮

马黑黑

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

还行的

红影

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

又有新的玩法了呢

马黑黑

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

开心就好