css background图片
CSS 图片 background
2023-06-13 09:11:18 时间
MDN
:https://developer.mozilla.org/zh-CN/docs/Web/CSS/background
首先我们可以使用
background: url(https://waibi.oss-cn-chengdu.aliyuncs.com/2020-06-01/head.jpg);
来指定背景图片
如果我们需要修改透明度,则可以使用其可以叠加的特性
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
吧
相关文章
- css粘性定位sticky
- CSS之经典flex布局-垂直居中「建议收藏」
- css中placeholder用法_html placeholder
- 一点点css的基础原理总结
- CSS 图片去色处理
- Typecho | 博客css和js无法加载 前台样式崩了 https相关
- 前端三件套——我看HTML及CSS
- webpack css loader
- 【CSS】盒子模型外边距 ③ ( 插入图片 | 插入图片位置移动 - 修改外边距 | 背景图片 | 背景图片移动位置 - 修改背景位置 background-position )
- CSS连接MySQL构建可视化Web应用(css连接mysql)
- CSS与MySQL合力提升网页性能(css与mysql结合)
- CSS控制文本自动换行的问题
- 用CSS给图片打标的代码
- CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版
- CSS顶级技巧大放送,div+css布局必知
- css+js实现select列表横向排列效果代码
- CSS关于网页图片的属性
- CSS美化表格边框为凹陷立体效果的实现方法
- juqery学习之六CSS--css、位置、宽高
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- 如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- 纯JS实现根据CSS的class选择DOM