CSS样式问题：div盒子加div:hover{bgc变色}之后，div的下右边框消失

请教下各位，这个边框我加上之后是正常显示的，为什么加上:hover后background-color变色效果后，下边框和右边框就消失不见了呢？我是刚学前端的学生，请教下看到的有缘人这个情况怎么解决？下面附上我这部分的代码截图

给play1 加hover和背景色，因为现在a标签在div上面挡住了下右边框，你开始能看到是因为a标签没加背景色，是透明的

讲原本的高度宽度和边框复制到hover里面就行了

F12打开控制台查看元素，原因是padding: 0 20px导致的宽度增加，设置box-sizing: border-box，具体可搜索 html盒模型 了解

padding: 0 20px;
box-sizing: border-box;