CSS中的背景设置

CSS样式中的background有许许多多的属性及属性值,分别有:backgr-color,background-image,background-position,background-repeat以及background-size。下面一一介绍他们的属性值

1.background-color:#16精制的数字/rgb()/英文单词的颜色

2.background-image:url("图片地址");

3.backg-repeat:repeatX(在x轴平铺)/repeatY(在y轴平铺)/no-repeat(不平铺);

4.backg-position:x y(分别表示在x轴和y轴位移量)/left,center,right   top,center,bottom(也可以这样表示)

5.background-size:width height(分别给宽高值)/contain(自适应平铺,当平铺到盒子边缘时停止)/cover(自适应铺满)

有些人觉得这样一个一个的写太麻烦,然后就有了一个简写:

background:background-color background-image background-repeat background-position,没有硬性规定它们的顺序,但是统一规范都是以这个顺序。

拓展:多背景图片属性

一般在background-image后面属性值插入图片,以逗号隔开。后面所有的属性都以逗号隔开。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,805评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,337评论 0 11
  • background-color background-color:#ff0000红色background-col...
    每日活菌阅读 515评论 0 0
  • 1.CSS简介 Cascading Style Sheet 层叠样式表 主要用来定义页面中的表现,HTML 描述页...
    hyt222阅读 864评论 0 0
  • 上大学是到别的省上的,本省没有什么好的大学,高中的日子过的充实也很快,转眼就开始上大学了,到外省上大学才第一次坐火...
    落日的余辉阅读 197评论 0 0