html中css下背景色相关属性设置

1.1背景颜色

        属性名：  background-color

        属性值:颜色取值:关键字,rgb表示,rgba表示,十六进制...

  注意;背景颜色默认透明.不会阳性盒子大小,一般在布局中习惯性设置背景色,方便看清位置和大小.

<style>
    div{
        background-color:red;
    }
</style>

1.2背景图片

        属性名:background-image

        属性值:background-image:url(图片路径)

        注意点:背景图是默认平铺的;

1.3背景平铺

        属性名:background-repeat

        属性值:

值	效果
repeat	默认值,水平和垂直都平铺
no-repeat	不平铺
repeat-x	沿着x轴平铺
repeat-y	沿着y轴平铺

1.4背景位置

        属性名:background-position

        属性值:background-position:水平方向 垂直方向;

       方位名词:

        水平方向:left     center      right

        垂直方向:top      center      bottom

坐标系    原点(0,0)

                x轴   水平向左

                y轴   水平向下

 

背景相关属性连写

        background: color image repeat position;