css中让图片重复显示 |css给图片加底部阴影

background-repeat: repeat; /*默认值，图片在水平和垂直方向都重复显示*/
background-repeat: repeat-x; /*图片只在水平方向重复显示*/
background-repeat: repeat-y; /*图片只在垂直方向重复显示*/
background-repeat: no-repeat; /*图片不重复显示*/

代码示例：

div {
background-image: url("example.jpg"); /*设置背景图片*/
background-repeat: repeat; /*背景图片重复显示*/
}

如果需要调整图片在背景中的位置，可以使用background-position属性。这个属性有以下几个值：

background-position: top left; /*将图片置于背景的左上角*/
background-position: center; /*将图片置于背景的中心位置*/
background-position: bottom right; /*将图片置于背景的右下角*/
/*也可以使用百分比或具体的像素值来定位*/
background-position: 50% 50%; /*将图片置于背景的中心位置*/
background-position: 10px 20px; /*将图片向右移10像素，向下移20像素*/

代码示例：

div {
background-image: url("example.jpg"); /*设置背景图片*/
background-repeat: no-repeat; /*背景图片不重复显示*/
background-position: center; /*将图片置于背景的中心位置*/
}