背景

Background Attachment 

1. 固定背景：

   • bg-fixed：使用这个类可以设置背景图像固定不动，即背景图像不会随着页面的滚动而移动。这在创建视差滚动效果时很有用。

2. 滚动背景：

   • bg-local：使背景图像与容器随着视口一起滚动

3. 局部固定背景：

   • bg-scroll：背景不懂，文字随着视口滚动。

 

Background Clip

 

 

Background Color

 1. <button class="bg-sky-500/100 ..."></button>  后面加100以内的数字，就可以对颜色进行淡化

 

Background Origin

Background Position

 Background Repeat

 

Background Size

使用 bg-auto 以默认大小显示背景图像。像素不够的会重复

使用bg-center 图片居中

使用 bg-cover 缩放背景图像，放大以覆盖整个元素

 

使用 bg-contain背景图像覆盖整个元素，背景图像还是原始比例，不够的会进行重复，直到窗口边缘。

 

 

Background Image - 应用背景图片

 

 

Gradient Color Stops - 创建颜色渐变。