美文网首页
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中的背景设置

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