这个很简单,就是设置背景颜色,在设置了background-image的情况下,图片会将背景覆盖。
设置背景,
用法:
- background-image:url(https://www.divCSS5.com/img201301/pcss5-logo-2013.gif)
设置背景图像的重复情况
设置背景图像的位置。
设置背景图片是否随滚轴而滚动
用一张图片来表示一下将这些属性复合在background里面如何而写。
示例代码:
- background: #F0F url(ddd.png) repeat - x 20px 20px fixed;
该讲的知识也讲完了,但是实践中仍然会有很多错误需要我们犯,这里提醒几点:
有些属性是需要配合着使用的 要想达到position设置的效果,要确保attachment为fixed,不过背景图片默认为fixed(在
CSS的W3教程里面写的是scroll是默认的,我也不知道啥情况,但是实际上fixed是默认属性)设置图片作为背景如果图片设置图片在X坐标方向重复,如果再设置图片在对象位置的左或右位置时将无效,可设置在对象上或下位置开始显示。
设置图片作为背景如果图片设置图片在Y坐标方向重复,如果再设置图片在对象位置的上或下位置时将无效,可设置图片在对象左或右位置开始显示。
如果设置背景完全重复显示,那设置图片在对象上下左右位置开始显示将无线。
来源: https://www.2cto.com/kf/201710/687963.html