CSS 设置背景平铺

    在设置背景图片时，图片和元素的大小可能不是刚好匹配的，这时页面中就会出现一些意想不到的问题。背设图片会在元素内部平铺开来，但是有时候是不需要让背景图平铺的，或者只需耍横向或者纵向平铺。CSS准备了一个良好的解决方案 background-repeat 属性。

    background-repeat属性设置如何重复背景图像，即定义图像的平铺模式。

    默认情况下，背景图像在水平和垂直方向上重复。

    从原图像开始重复，原图像由background-image定义，并根据background-position的值放置。如果未规定background-position属性，那么图像会被放置在元素的左上角。 

    background-repeat的值可以是以下几种：

    •repeat：默认。背景图像将在垂直方向和水平方向重复。

    •repeat-x：背景图像将在水平方向重复。

    •repeat-y：背景图像将在垂直方向重复。

    •no-repeat：背景图像将仅显示一次。

    •inherit: 规定应该从父元素继承background-repeat属性的设置。