<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>/*body {*//*background-color: pink;*//*background-image: url(images/3.jpg);*//*repeat : 背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像在横向上平铺
repeat-y : 背景图像在纵向平铺 *//*background-repeat: repeat-y;
} */div{width: 500px;height: 500px;background-color: purple;background-image:url(images/30565.jpg);background-repeat: no-repeat;/*不平铺*//*background-position: x y ;*//*background-position: center top; top 上 bottom 下 left 左 right 右 *//*background-position: center center; top 上 bottom 下 left 左 right 右 *//*background-position: bottom right; top 上 bottom 下 left 左 right 右 *//*1. positon后面可以跟方位名词 他们之间可以没有上下顺序
2. position 如果只写一个方位名词,另外一个默认是居中的
3. position 后面也可以跟 值px 但是 必须有顺序 x 在前面 y 后面 不能颠倒 *//*background-position: left; top 上 bottom 下 left 左 right 右 *//*background-position: bottom; top 上 bottom 下 left 左 right 右 *//*background-position: 12px 50px;*//*background-position: 50px 12px ;*/background-position: 100px center;}</style></head><body><div></div></body></html>