背景图片是否随着内容的滚动而滚动由background-attachment设置
background-attachment:fixed; 固定,不随内容的滚动而滚动
background-attachment:scroll; 滚动,随内容的滚动而滚动
background-size:x% y%;
background-size:x y;
背景图片的大小可以通过属性background-size来设置background-size的取值可为数值和百分值。
background-position:x% y%;
background-position:x y;
背景图片的定位就是可以设置显示背景图片的位置,通过属性background-position来实现
background-position的取值可为英文单词或者数值和百分值。
background-positon的英文单词取值
top left
top center
top right
center left
center center
center right
bottom left
bottom center
ottom right
不平铺:background-repeat:no-repeat;
水平方向平铺:background-repeat:repeat-x;
垂直方向平铺:background-repeat:repeat-y;
完全平铺:默认为完全平铺
background:url(“images/1.jpg”);
backgronnd-image:url(“images/1.jpg”);
background:red;
backgronnd-color:red;
背景的添加 :
背景颜色的添加:
背景图片的添加:
背景的平铺
什么是平铺?平铺就是图片是否重复出现
背景图片的定位
background-positon的数值取值
positon的百分值取值
背景图片的大小
background-size的数值取值
background-size的数值取值
背景图片的滚动