1.背景颜色 background-color:#颜色值
2.背景图片 background-image:url("图片位置")
3.背景平铺 background-repeat
属性值:
取值 | 效果 |
---|---|
repeat | 默认值,水平和垂直方向都平铺 |
no-repeat | 不平铺 |
repeat-x | 沿着水平方向x轴平铺 |
repeat-y | 沿着垂直方向Y轴平铺 |
4.背景位置 background-position:水平,垂直;
水平:left,center,right
垂直:top,center,bottom
或使用数字+px;原点默认为左上角
5.背景属性连写 background:背景色 背景图 背景平铺 背景图位置
不分先后顺序,推荐以上写法
img和背景图的区别
img默认原尺寸显示
背景图只是装饰css样式,不能撑开div标签
网友评论