css背景图background - 多背景定义

1. 方法一

.bg{height:600px;background: url(../../static/images/slider/zplc.png) center top no-repeat,url(../../static/images/slider/zplc-2.png) no-repeat center center;
}

2. 方法二

.bg{height:600px;background-image:url(../../static/images/slider/zplc-2.png),url(../../static/images/slider/zplc.png);background-repeat: no-repeat, no-repeat;  background-position: center center, center top;
}

效果图（省略）

以上就是关于“ css背景图background - 多背景定义” 的全部内容。

css背景图background - 多背景定义相关推荐

css 设置背景图一半_CSS背景图设置
一.背景图设置使用背景图片,设置为全屏方式1:全部使用background设置 body{ background-image: url(bg.jpg); background-size: 100% ...
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图一.什么 ...
web——CSS精灵图（背景图、定位背景图片background-position属性）
web--CSS精灵图(背景图.定位背景图片background-position 属性) 一.background-position属性二.实例一.background-position属性例 ...
给盒子添加默认背景图和选中背景图
给盒子添加默认背景图和选中背景图用于每张默认图片和每张选中图片均不一致的情况 <template><divclass="weather":class=" ...
Mac 修改开机登陆界面背景图, 替换沙漠背景图
Mac 修改开机登陆界面背景图, 替换沙漠背景图本机版本 : macos mojave 10.14.6 之前网上查了一下都说需要替换原本的沙漠图片,我试了一下,根本不需要,下面进入正题. 1.系统偏 ...
HTML5+CSS3-边框背景图、多背景图、CSS选择器、网络字体、边框背景图片、过渡、放大、旋转
边框背景图片 1. background-origin:设置背景图片的起始原点 background-origin:border-box;------背景图片从边框开始显示 background-o ...
html 给照片添加圆角属性,CSS3新增属性（背景图、边框背景、圆角）
1.Background-size 背景尺寸说明:background-size 规定背景图像的尺寸属性值 length (10px) 规定背景图的大小.第一个值宽度,第二个值高度.(直接定义背景 ...
前端背景图放置_CSS 背景图片排版
使用 CSS 套用背景图片到元素中可能是您前端设计过程中最常用到的功能. background 有非常丰富的属性,让我们可以针对不同的需求做设定. 同时一个元素可以具有多张背景图片.如果您想要套用多张 ...

css背景图background - 多背景定义

css背景图background - 多背景定义

1. 方法一

2. 方法二

效果图（省略）

css背景图background - 多背景定义相关推荐

最新文章

热门文章