css实现垂直手风琴效果
1 <html lang="en"> 2 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>垂直手风琴</title> 8 <style> 9 * { 10 margin: 0; 11 padding: 0; 12 } 13 14 .listbox { 15 width: 500px; 16 height: 400px; 17 margin: 50px auto; 18 } 19 20 .list { 21 position: relative; 22 } 23 24 .list a { 25 display: block; 26 height: 35px; 27 background: linear-gradient(#eeeeee, #8f8f8f); 28 text-decoration: none; 29 padding-left: 12px; 30 border-radius: 5px; 31 text-decoration: none; 32 color: #424242; 33