CSS基础---背景样式

背景颜色和属性

1. background-color：背景颜色，可以针对布局标签以及整个body进行颜色控制，改变背景颜色，而css中的color则是控制文字的颜色。
2. background-image：背景图片，参数为url（），在括号中指定image所在的路径，在图片大小比区块大小小时，image会自动填充

注意：background-image与img的区别：

• background-image可以设置背景图片，可以在背景图片的基础上进行操作，例如添加文字等
• img不能在图片上面进行任何操作

背景图片重复与偏移

在使用background-image时，背景图片会重复填充

1、background-repeat：背景重复

 repeat：背景图像在纵向和横向上平铺（填充）-默认
 no-repeat：背景图像不平铺
 repeat-x：背景图像在横向上（水平方向）平铺
 repeat-y：背景图像在纵向上（垂直方向）平铺

 2、background-position：背景定位

background-position：x  y，x表示x轴（水平轴）上的偏移，y表示y轴（垂直轴）上的偏移
 

 x轴可以使用left、center、right或精确数值
 y轴可以使用top、center、bottom或精确数值
 x轴可以给精确数值，数值为正则向右偏移，数值为负向左偏移
 y轴可以给精确数值，数值为正则向下偏移，数值为负向上偏移

背景图像的固定

 1、background-attachment：背景固定

scroll    默认值，背景图像会随着页面其余部分的滚动而移动
fixed     当页面的其余部分滚动时，背景图像不会移动

 注意：background-attachment不仅对body背景可以固定，同时也可以对标签进行固定

 

渐变