css background图片

2022-08-21 15:08:13 浏览数 (2)

MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/background

首先我们可以使用

代码语言:javascript复制
background: url(https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg);

来指定背景图片

如果我们需要修改透明度,则可以使用其可以叠加的特性

代码语言:javascript复制
background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg)

其次,我们可以设置拉伸效果和位置:

剩下的拉伸、重复等就不多多赘述了,看MDN

0 人点赞