本文介绍了CSS中background-size属性的两种用法：cover和contain，以及如何使用rgba()实现颜色透明效果。cover会填充背景区域，保持图片比例，可能造成部分图片缺失；contain则确保图片在背景区域内完整显示。同时，文章还讲解了background-attachment属性的fixed值，用于创建固定在屏幕特定位置的背景图片，即使滚动页面也不变。
0.<link rel="stylesheet" type="text/css" href="1.css">
/*css的引用*/
1.background-size:cover（覆盖）
/* 把背景图片拉伸到很大，比例不失调，可能导致像素变低 图片可能会显示不完全 以背景为基本*/
2.background-size:contain（包含）
/* 以图片为基本，哪一边到头了，就停止放大*/
3.rgb是调颜色，rgba的第四个属性是透明度rgba（255，0，0，0.5）
/*实际上是偏粉色的 其实是半透明效果 a的最小值是0，最大值是1*/
4.background-attachment:fixed（attachment：附着，连着）
/*让图片固定在屏幕的一个地方，不随滚动而动*/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
