美文网首页
CSS中的背景设置

CSS中的背景设置

作者: top丶浩锅 | 来源:发表于2017-08-21 19:16 被阅读0次

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后面属性值插入图片,以逗号隔开。后面所有的属性都以逗号隔开。

相关文章

  • CSS中的背景设置

    CSS样式中的background有许许多多的属性及属性值,分别有:backgr-color,background...

  • CSS background背景

    CSS背景属性 CSS背景属性用于设置HTML元素的背景(填充),复合属性 background 可以用来设置背景...

  • CSS基础-背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签...

  • 背景和精灵图

    背景相关属性 背景颜色 。如何设置标签的背景颜色?。在css中可以通过background-color:属性设置标...

  • 13-CSS基础-背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签...

  • CSS基础--背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色?在CSS中可以通过background-color:属性设置标签的...

  • HTML与CSS的CSS常用属性

    CSS常用属性设置背景CSS 背景属性用于定义HTML元素的背景效果 background-color设置元素的背...

  • css-背景设置

    css-背景设置 背景设置 background: background-color: 背景颜色设置 ba...

  • day13-CSS-背景和精灵图

    背景颜色 如何给标签设置颜色CSS中的background-color属性就是设置标签的背景颜色 如何取值?具体的...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

网友评论

      本文标题:CSS中的背景设置

      本文链接:https://www.haomeiwen.com/subject/uwshdxtx.html