常用background属性介绍

最新推荐文章于 2023-10-27 17:17:26 发布

小周不i吃鱼

最新推荐文章于 2023-10-27 17:17:26 发布

阅读量171

点赞数

文章标签： html 前端 css

本文链接：https://blog.csdn.net/xz19980613/article/details/131644304

版权

background-color: 'red' 背景颜色。可以接受颜色值、颜色名称或十六进制值
background-image: url('@/static/img/bgimg.png') 背景图片
background-size：
background-repeat :背景图片的平铺方式。repeat：图片在水平垂直方向重复平铺，默认值。no-repeat:不重复仅平铺一次。repeat-x:图片只在水平方向平铺。repeat-y：图片仅在垂直方向平铺。
background-position背景图片相对于背景区域的位置 ,可以使用关键字或具体的像素值来指定。具体关键字有：top，center，bottom，left，right。像素值的话注意有两个值，第一个是水平方向位置，第二个是垂直方向位置
background-size：设置背景图像的尺寸。可以使用关键字或具体的像素值来指定。关键字有auto（默认值，保持原始原始图像的尺寸）、cover（保持原始宽高比，尽可能填充整个背景区域）、contain（保持原始宽高比，完全显示在背景中）
```
div {
  background: #FF0000 url("image.jpg") no-repeat 10px 20px;
}
```