前端练习：点击按钮关闭

实现简单的点击按钮关闭图片的效果

代码如下

html：

    <!-- 创建一个盒子 -->

    <div class="box">

        <!-- 加入一张图片 -->

        <img src="图片路径" alt="">

          <span class="close-btn">x</span>

    </div>

css：

        /* 盒子样式 */

        .box{

            position: relative;

            margin: 50px auto;

            width: 600px;

        }

        /* 图片大小 */

        img{

            width: 600px;

        }

        /* 关闭按钮样式设置 */

        .close-btn{

            position: absolute;

            left: -16px;

            top: 0px;

            width: 14px;

            border: 1px solid #ccc;

            line-height: 14px;

            text-align: center;

            color: #ccc;

            cursor: pointer;

        }

js：

        // 获取元素

        var box=document