js实现简易版钢琴

css部分

  <style>

        html,

        body {

            height: 100%;

        }

        

        body {

            margin: 0;

            background: url(./images/bg.jpg) left top/auto 100%;

        }

        

        ul {

            padding: 0;

            margin: 0;

            list-style: none;

            /*  overflow: hidden; */

            width: 832px;

            margin: 0 auto;

        }

        

        ul>li {

            width: 100px;

            height: 400px;

            border: 2px black solid;

            float: left;

            background-color: #fff;

            text-align: center;

            line-height: 30px;

            box-shadow: 0 0 10px 5px black;

        }