背景background

一、背景是一个综合的复合属性

  background:#000 url(imgs/imgs.png) no-repeat fixed center - 30px;

  背景: 颜色、图片位置、是否平铺、固定、定位。

二、背景相关属性的单独含义

  1、背景的颜色

      background-color:颜色的16进制值,颜色的10进制值(带有透明度),标有颜色的单词

  2、背景图片

      background-image:url(对应的路径) 可以是绝对路径也可以是相对路径;路径不需要双引号

  3、背景平铺

      background-repeat:no-repeat;//不平铺

               repeat-X;//横向平铺 repeat-Y;//纵向平铺 repeat;//全部平铺

  4、背景定位

      background-position:left top;//利用方位词来改变背景图的位置,方位词没有顺序,对结果无影响right bottom;

               只写一个的话,另一个默认为center;

               具体的像素值;是以元素的左上角作为参考点的。水平像素值 垂直像素值

               当方位词和像素值公共用时可以

  5、背景图固定

    background-attachment:fixed;//默认scroll;//滚动的

  6、背景缩放

    background-size:100px;//宽度为100px高度自行根据背景图片的尺寸计算出来的

            50%;宽为盒子宽度的一半,高度根据背景图片的尺寸计算出来

            cover;//相当于宽度为100%,如果对应的高度溢出则会隐藏

            contain;//保证图片完整的展示在盒子中,并且盒子宽度和高度重有一个是铺满的

原文地址:https://www.cnblogs.com/dhrwawa/p/10499401.html