HTML下的点名

   

   

    <style>

        *{

            margin-left: 0px;

            margin-top: 0px;

        }

        .container{

            background-image: url(https://img.zcool.cn/community/01deac5b71220fa801206a3594899b.jpg@1280w_1l_2o_100sh.jpg);

            background-color: aqua;

            width: 1000px;

            height: 480px;

            border: 1px solid rgb(0, 255, 157);

            position:absolute;

            left: 50%;

            margin-left: -500px;

            text-align: center;

            line-height: 100px;

            margin-top: 150px;

        }

        .box,.box2{

            width: 300px;

            height: 300px;

            background-image: url(https://img.chuapp.com/wp-content/uploads/2016/08/201608231471931218.gif?imageView2/2/w/700);

            border-radius: 50%;

            /* 水平位置居中 */

            margin: auto;

            margin-top: 50px;

            text-align: center;

            line-height: 300px

        }

        .box2{

            background-color: blue;

        }

        #show{

            font-size: 30px;

            color: rgb(12, 14, 1);

            font-weight: bolder;

        }

        #start{

            width: 300px;

            height: 50px;

            background-color: rgb(0, 255, 170);

        }