CSS：背景图片的使用（将背景图片完美适合窗口 & 创建三角背景图片 & 在背景图片上添加渐变叠加 & 制作网格背景图片 & 文字镂空背景图片效果）

1. 如何将背景图片完美的适合浏览器窗口？

• background-position: center;
• background-attachment: fixed;
• background-size: cover;

2. 如何在CSS中使用多个背景图片？

用 , 分隔。

background-image: url(图片1路径), url(图片2路径);
background-position: 图片1position, 图片2position;
……

3. 如何创建三角背景图片？

效果图：

通过创建两个 div 来完成此操作，需要向两个视图均添加背景图像，第二个 div 需要具有 clip