body,ul { margin:0; padding:0; } h1 { text-align:center; } .tab { width:1000px; margin:0 auto; text-align:center; } .btn { padding:10px 20px; margin:20px; } .list { padding:30px; border:1px solid skyblue; width:1000px; margin:0 auto; text-align:center; } .list li { display:inline-block; width:110px; height:45px; margin:10px; text-align:center; line-height:45px; border-radius:10px; font-size:20px; border:1px solid #2e6da4; background-color:#337ab7; color:#fff; } li:hover { background-color:#286090; border-color:#204d74; } li.active { border-color:rgb(76,174,76); background:rgb(92,184,92); box-shadow:4px 4px 5px #666; } li.end { border-color:red; background:red; box-shadow:4px 4px 5px #666; }
无插件,纯js。