css背景

css背景：

            元素背景都有哪些：背景颜色、背景图片、

       

        1、背景颜色

            语法：backgruond-color

            取值：

                颜色名称 red 、yellow

                16进制制色值 #ffffff #fff

                rgb色值 rgb(0,255,0)  0~255之间

                    rgba()     a透明度 0~1  0全透明  1不透明

                默认值：transparent 透明色

            背景颜色的作用范围：内容 + 边框 + 内填充

        2、背景图片

            语法：background-image：url("图片路径");

            作用范围：内容 + 边框 + 内填充

            背景图片默认位于元素的左上角，在水平方向和垂直方向进行重复。

        3、设置背景图片是否重复

            语法：background-repeat

                取值：repeat 默认值，背景图片在水平和垂直方向重复

                     repeat-x 背景图片在水平方向重复

                     repeat-y 背景图片在垂直方向重复

                     no-repeat 背景图片只出现一次 不重复

        4、背景图片的起始位置

            语法：background-position

            默认值：左上角开始

            取值：

                关键字：

                        水平 left right center

                        垂直 top  bottom center

                长度值：px

                百分比：0% 0%    100% 100%   50% 50%

                第一个值表示水平方向，第二个值表示垂直方向，如果只出现了一个值，另外一个值是50%

        6、简写：

            语法：background：颜色 图片 是否平铺 起始位置.

            如果哪个属性不需要，可以直接省略