背景的三种颜色值演示，h2背景设置为black

box背景设置为#567895 span标签背景设置为rgba(255,255,255,.5)

背景的两种图片，第一张大图，第二张小图

背景原图1背景原图2

背景图片的平铺方式

平铺方式：no-repeat
平铺方式：repeat-x
平铺方式：repeat-y
平铺方式：repeat
平铺方式：round
平铺方式：space

背景图片的大小调整

背景图大小调整cover
背景图大小调整contain
背景图大小调整auto
背景图大小设置为与div的宽高一致,background-size:250px 150px

背景图像定位

背景图定位：top center
背景图定位：50px 10%
背景图定位：top 50px
背景图定位：top 20px right 10px

背景渐变

线性渐变 background-image: linear-gradient
原形渐变 background-image: radial-gradient

多背景叠加

background-image最先设置的图片在顶部

边框圆角

四个角都是圆角border-radius:10px;