#header {
    background-image: url('https://img2024.cnblogs.com/blog/1600001/202604/1600001-20260418195303741-1105481007.jpg');  /* 确保是真实图片直链 */
    background-repeat: no-repeat;
    background-position: center center;        /* 水平和垂直都居中 */
    background-size: 100% 300%;                /* 关键：宽度铺满，高度放大到容器的3倍 */
    /* 因为图片原高178，容器高度假设为100px，300%后背景高300px，远大于容器，上下部分被裁掉，
       只留下中间一部分（垂直方向截取中间段）。您可以根据需要调整这个百分比 */
    
    padding: 40px 0 40px 0;   /* 控制容器高度。上下内边距相等，显示的就是图片的中间区域 */
    /* 如果上下内边距不相等，显示的就会偏上或偏下 */
    
    background-color: transparent; /* 确保无背景色造成黑边 */
}