1.想要制作精美的PPT动态背景的话,你首先需要有一定的素材,包括一张图片作为PPT背景,例如下面我用一个蓝天大海为静态的背景图片做出一个动态效果,PPT如何设置背景图片:右击幻灯片→填充→图片或纹理填充→插入自“文件”→选择图片插入:
2.我制作的动态背景是要让蓝天大海的背景有船划过还有海鸟飞过,让PPT这张背景图片活起来,插入海鸟跟船只的图片,这里提醒最好插入的图片为背景透明的图片,让与原PPT背景素材融合得更好哦,点击“插入”的“图片”插入ppt背景素材:
3.现在来设置如何让我们的PPT背景动起来呢?先设置PPT原本的背景图片有动画效果,这里作为一张PPT背景图片,需要对PPT设置“切换效果”,点击菜单项“切换”的“切换方案”,选择一个“切换方案”里面的“切换方案”,例如“蜂巢”:
4.之前的切换效果只是让PPT背景图片出来,现在我们继续设置其他PPT背景素材的动态出现,例如,设置两个帆船从远到近划过来,点击帆船的图片,然后点击菜单项“动画”(幻灯片自定义动画)→“添加动画”→“进入”的“缩放效果”,设置帆船动画的开始时间为“与上一动画同时”,持续时间为5秒,然后预览下效果,是否效果从远到近出现呢?
5.紧接着来设置海鸟飞过海面的动画,点击海鸟的图片,同样点击“添加动画”→“动作路径”→“弧形”,这个时候“海鸟”的图片就有了一个弧形的动画路径:
6.完善海鸟飞的动画:点击海鸟图片弧形的动作路径红色剪头的一头,把弧形拉长到跨越整个PPT幻灯片,然后设置动画的“计时”的开始为“与上一动画同时”,持续时间同样为5秒:
7.现在海鸟跟帆船的动画都设置好了,你可以预览下效果啦,点击“动画”的“预览”按钮,因为我们设置了海鸟跟帆船的动画开始时间均为“与上一动画同时”,所以它们的ppt动画效果一起播放:
‘贰’ htmL中怎么插入背景图片如何设置背景图片大小
可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
‘叁’ 怎么用HTML来设置背景图片,用2张图片
是这样的,一个标签只能设置一个背景图片,如果你要放多个背景可以做多个标签,并且设置它们的高度和宽度到你满意,比如<div style="width:200;height:200;background:url(test.jpg) center center"></div> <div style="width:400px;height:200px;background:url(test2.png) 50% 50%"></div>用其他标签也可以,但是对于h1 h2 h3 span strong什么等,记得把这些转化成区块style="display:block;"然后你想用几张图片,就用几张好了,不会做,再问
‘肆’ 给我一些背景图片吧
昵图网 搜索 “背景”
比别人发给你要来的轻松的多
点击预览图可右键另存比较大的图片,想获得源文件,可通知我。
‘伍’ css+div截取背景图片中相应图片
这样的:#nav{width:962px;height:30px;margin:10pxauto0auto;background:url(../img/all.png)no-repeat00;}
下面又图片,关键在这句background:url(../img/all.png)no-repeat00;第一个0表示X轴的坐标,第二个0是Y轴的坐标,
‘陆’ CSS样式表控制背景图片大小
可以通过background-size属性来设定背景图片的大小。它可以是像素(px)或者是百分比(%),举例说明:background-size:950px* 200px这表示把背景图片大小调整为宽度950像素,高度200像素。
1、background-size的语法说明:
(1)属性名:background-size
(2)属性值:其中 bg-size = [|| auto ]{1,2} | cover |
contain
(3)初始值:auto auto
(4)应用于:所有元素
(5)继承性:无
(6)百分比:后面会说明
(7)计算值:根据指定
2、代码说明:
/* 一个值: 这个值指定图片宽度,第二个值为auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px
/* 两个值: 第一个值指定图片的宽度,第二个值指定图片的高度 */
background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto
/*多重背景,用逗号隔开,在CSS语法中凡语法后跟*或者#,都是可以无限重复的,但必须用逗号隔开。 */
background-size: auto, auto /* 请区别于background-size: auto auto*/
background-size: 50%, 25%, 25%
background-size: 6px, auto, contain
background-size: inherit
(6)背景图片图片扩展阅读:
背景重复:
如果需要在页面上对背景图像进行平铺,可以使用background-repeat 属性。
属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
背景图像将从一个元素的左上角开始。如下:
body
{
background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y;
}
背景定位:
可以利用background-position 属性改变图像在背景中的位置。
下面的例子在 body 元素中将一个背景图像居中放置:
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat; background-position:center;
}
为 background-position 属性提供值有很多方法。首先,可以使用一些关键字:top、bottom、left、right 和 center。通常,这些关键字会成对出现,不过也不总是这样。还可以使用长度值,如 100px 或 5cm,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。
‘柒’ html 中如何在背景图片上再放一副图片
伪对象
:before
:after
下面的 写不了 我就写在这吧
<body>
<div class="demo">内容内容内容</div>
</body>
这样写你看的懂吧
.demo{width:800px; margin:0 auto; height:400px; background:url(img/图片.jpg) 0 0 no-repeat; position:relative; z-index:1;} 这里写 相对定位是为了 你的 另外一张图片的 绝对定位参考点
.demo:before{position:absolute; z-index:-1; content:url(img/图片.jpg); top:50px; } 这个没有什么解释的属性吧 top 是定位的属性
‘捌’ 求下面图片的背景图片!!!
把我这个图拖到ps里面,保存,然后就有psd格式的了,明白?再说这个图这么简单用椭圆工具选择三中蓝色或者吸取这三个颜色,然后拉几下,再移动,然后拉几条线就完事儿了。
如有疑问请点击“追问”
图片已上传,满意请采纳~
,,,,进ps里面,新建你要的分辨率/长宽比的文件,新建图层,用吸管工具吸你要的颜色,然后选择椭圆工具,在上面把边框选择成带红对角线的,按住shift 在你要的位置拉圆,再用吸管吸取其他颜色,以此类推,最后用选择直线工具,从一个地方拖到另外一个你要的地方,最后保存成jpg。
如有疑问请点击“追问”
图片已上传,满意请采纳~
‘玖’ CSS中背景图片的大小
对的,当以<img src="" />形式出现的时候可以有几种种方法实现;
而当采用backgroud形式作为背景的时候,只能通过改变原图了,不过当背景是有规律的渐变色、纹路、图案等时候,可以把图片切小后通过平铺的方式铺满!