html5——CSS背景属性设置

avatar
作者
筋斗云
阅读量:2

目录

背景颜色 

background-color

背景图像

背景定位 

背景样式简写 

背景尺寸

​编辑渐变属性


 

背景颜色 

background-color

背景图像

        background-image

background-image:url(图片路径);

背景重复方式:

background-repeat属性:
  •  repeat:沿水平和垂直两个方向平铺(默认)
  • no-repeat:不平铺,即只显示一次
  • repeat-x:只沿水平方向平铺
  • repeat-y:只沿垂直方向平铺

背景定位 

 background-position

背景样式简写 

background:#C00 url(../image/arrow-down.gif) 205px 10px no-repeat;

背景尺寸

background-size

渐变属性

linear-gradient ( position,  color1,  color2,…)

  • 0deg (to top)将创建一个从下到上的渐变
  • 90deg (to right)将创建一个从左到右的渐变
  • 180deg (to bottom)将创建一个从上到下的渐变
  • 270deg (to left)将创建一个从右到左的渐变

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!