.box {
width: 300px;
height: 300px;
background-size: cover;
background-position: center;
在上面的代码中，.box 元素被定义为一个类，其样式属性包括宽度、高度和背景图片。背景图片被设置为 cover 模式，即全屏覆盖模式。背景图片的位置被设置为 center，以确保其在元素中居中显示。
.box {
width: 300px;
height: 300px;
background-size: cover;
background-position: 50% 50%;
在上面的代码中，背景图片被设置为 cover 模式，并将其大小设置为 100% 和 100%。背景图片的位置被设置为 50% 和 50%，即第二个像素处。