前端从零开始——第二周第四天笔记（background）

今天简单的梳理了一下有关于background的笔记，另外，大家写页面，用到图标、图片等，可以自己学一下利用PS软件进行简单的切图，另外给大家推荐一款PS特别好用的插件——蓝湖，利用它，可以很方便的抠图，量尺寸等，有兴趣的可以学习了解一下，我也只会简单的切图。好的，下面进入正题。

1.background-color背景色的详解

2.background-image背景图的详解

background-image: 设置或检索对象的背景图像，默认值：none；
如果设置了 ’ background-image ‘，同时也建议设置 ’ background-color ‘ 用于当背景图像不可见时保持与文本颜色有一定的对比度。
如果定义了多组背景图，且背景图之间有重叠，写在前面的将会盖在写在后面的图像之上。

background-attachment: 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定 ’ background-image ‘ 属性。默认值：scroll
fixed：背景图像相对于窗体固定。
scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。
percentage：用百分比指定背景图像填充的位置。可以为负值。
length：用长度值指定背景图像填充的位置。可以为负值。
center：背景图像横向和纵向居中。
left：背景图像在横向上填充从左边开始。
right：背景图像在横向上填充从右边开始。
top：背景图像在纵向上填充从顶部开始。
bottom：背景图像在纵向上填充从底部开始

background: 背景颜色、背景图片、背景平铺方式、背景是否滚动、背景定位。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。