CSS进阶--背景相关属性
背景相关属性:
1)背景颜色(background-color):
背景颜色默认是透明。
2)背景图片(background-image):
background-image: url('图片的路径');
3)背景平铺(background-repeat):
4)背景位置(background-position):
background-position: 水平方向位置 垂直方向位置;
5)背景相关属性连写(background):
background: color image repeat position; (不分先后顺序)
div { width: 400px; height: 400px; background: pink no-repeat url(../CSS样式/images/T1r_x_BgLT1RXrhCrK.jpg) center; }
7、(拓展)img标签和背景图片的区别:
> 需求: 需要在网页中展示一张图片的效果?
- 方法一: 直接写上img标签即可
- img标签是一个标签,不设置宽高默认会以原尺寸显示
- 方法二: div标签+背景图片
- 需要设置div的宽高,因为背景图片只是装饰的CSS样式,不能撑开div标签