CSS中整個背景居中是一個常見的需求，下面給大家介紹幾種實現方式。

/* 第一種方式：使用Flex布局 */
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: url(background.jpg);
}
/* 第二種方式：使用絕對定位 */
body {
position: relative;
height: 100vh;
background: url(background.jpg);
}
.background {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 第三種方式：使用Grid布局 */
body {
display: grid;
place-items: center;
height: 100vh;
background: url(background.jpg);
}