2021-08-06 京东轮播图练习

background-clip 属性：
border-box 背景管content+padding+border
padding-box 背景颜色管content+padding
content-box 背景只与content有关

做小圆点：
a标签的圆角50%

 border-radius:50%;

提前增加透明边框 在hover增加边框的时候其他的就不会变

<style>
	.spots a{
            float: left;
            height: 5px;
            width: 5px;
            border-radius:5px;
            border: transparent solid ;
            background-color: white;
            margin:0px 5px;
            background-clip: content-box;
        }
        .spot:hover{
            /* h-shadow v-shadow blur spread color inset; */
            /* box-shadow: 0px 0px   3px 1px whitesmoke; */
            border: rgba(255, 255, 255,.3) solid 2px;
            background-color: white;
            /* margin: 5px; */
            /* background-color: aliceblue; */
            /* background-clip: content-box; */
        }
</style>