background-position: center; }
效果展示:
添加属性前:
添加属性后:
② background-image: url(…/…/5.png);
图片的路径,比较简单,在此就不进行代码示例了。
③background-repeat: no-repeat;
不加这个属性的话默认图片是重复展示的
代码示例:
效果展示:
添加属性前:
添加属性后:
④background-size: cover;
这个修改的是背景的大小,而cover是进行覆盖,也可以使用px设置大小
代码示例:
效果展示:
添加属性前:
添加属性后:
⑤background-attachment: fixed;
这个属性设置的是背景图片是否根据字体进行滚动
fixed是不进行滚动
scroll是背景图随着字体的滚动而滚动
代码示例:
Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World
效果展示:(由于作者不会做动图,大家可以赋值代码自己体会一下)
⑥大杂烩 background
代码示例:
Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World