CSS背景 您所在的位置:网站首页 html让图片平铺代码 CSS背景

CSS背景

#CSS背景| 来源: 网络整理| 查看: 265

背景属性:背景颜色,背景图片,背景平铺,背景图片位置,背景图像固定。

背景颜色:background-color

背景图片:background-image:url()。(常用于logo或者装饰性小图片或者超大背景图片,优点便于控制位置)。

背景平铺:background-repeat:no-repeat(不平铺) / repeat-x(横向平铺) / repeat-y(纵向平铺)

背景图片位置:background-position:x y;

x坐标和y坐标。可以使用方位名词或者精确单位。

参数值说明length百分数   |   由浮点数字和单位标识符组成的长度值positiontop , center , bottom , left , right.

①参数是方位名词

如果两个值都是方位名词,则两个值前后顺序无关。

如果指定了一个方位名词,另一个值省略,则第二个值默认居中对齐。

②参数是精确单位

如果是精确单位,第一个必须是x坐标,第二个必须是y坐标。

如果只指定一个数值,那么该数值一定是x坐标,且另一个是默认垂直居中的。

③参数是混合单位

指定的两个值是精确单位和方位名词混合使用,则第一个值是x坐标,第二个值是y坐标。

背景图像固定(背景附着):background-attachment:scroll (背景滚动)fixed(背景固定)。

背景颜色半透明:background:rgba(0,0,0,0~1)

最后一个参数是alpha透明度,取值范围在0~1之间。

背景符合写法:将属性合并简写在同一个属性background中

一般习惯约定顺序为:background:颜色,地址,平铺,滚动,位置。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有