css background,box-shadow标签详解

来源:互联网 发布:鹿晗 张艺兴 知乎 编辑:程序博客网 时间:2024/05/28 06:05

写项目中,不能缺少的background,一直以来对它爱恨不明。总是记不住他的顺序。今天,好好总结一下:

background: background-color background-image background-repeat background-position;

background-position属性,取值:
这里写图片描述
我的理解是,容器相当于可视窗口,图片通过移动x,y方向上的位置,将想要展示出来的图片显示在窗口上。
重点想要记录的属性是,background-size。
这里写图片描述
最常用的属性值是 cover(背景图片完全覆盖,不变形), contain(背景图片扩大到容器的宽高,变形)。

box-shadow:h-shadow v-shadow blur spread color inset

这里写图片描述