css background,box-shadow标签详解

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

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

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

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

css background,box-shadow标签详解_第3张图片

你可能感兴趣的:(css)