① css中如何调整插入背景图片的大小
可以通过cover和contain来对图片进行伸缩。
语法:
background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */
background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */
background-size:10%;/* 0%~100%之间的任何值,将背景图片宽高按百分比显示,当设置一个值的时候同也将其作为图片宽度来等比缩放 */
background-size:cover;/* 将背景图片等比缩放填满整个容器 */
background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
(1)背景图片竖式扩展阅读:
CSS背景图片自适应、全屏、填充、拉伸
方法一:js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二:全浏览器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
② CSS怎么样让背景图片水平(垂直)居中
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<bodyclass="bodybg">
<h2>针对当前div层背景居中</h2>
<h3>ps:背景图片是需要高度和内容撑开的。没有高度没有内容,背景图片是无法显示的</h3>
<divclass="bgImg">
</div>
</body>
<styletype="text/css">
.bgImg{
background:url(images/2.png)centerno-repeat;/*这个是简写,可以分开写*/
/*background-position:centercenter;*/
/*background-image:url(images/2.png);*/
/*background-repeat:no-repeat;*/
width:200px;
height:200px;
border:1pxsolid#000000;
}
.bodybg{
background:url(images/2-1.png)centerno-repeat;
height:100vh; /*一屏高度的表示*/
}
</style>
</html>
③ PPT幻灯片里面设置的背景图片 横向和竖向的比列怎么调整
不是有幻灯片设计吗 ...你好楼主,你设置下模板或插入就可以了 ...如果...在横向的ppt中,做一个超级链接,链接纵向ppt;二种:在横向ppt中:插入...
④ word背景图片满屏
让word背景图片满屏步骤如下:
1、双击图标打开Word软件。
这样,word背景图片就满屏了。
⑤ 急!很急!非常急!十分的急!我需要在Word的上的竖式图片
是不是这张啊,先给个小图你看下。如果是我就发到你邮箱。
⑥ css背景图片我的图片时横的,怎么叫他竖起来
background-repeat:repeat-y;
背景图片按Y轴循环(也就是竖向循环)
background-repeat:repeat-X;
背景图片按X轴循环(也就是横向循环)
background-repeat:no-repeat;
背景图片不循环
⑦ PPT模板的背景图片标准是什么尺寸
默认状态下新建一个PPT文档, PPT背景默认的宽高分别是25.4厘米和19.05厘米。
ppt背景图片尺寸一般全屏的尺寸是多少,做背景图片一般是越大越清晰咯。关键是看图片的长宽比例。PPT的全屏图片可以和你电脑显示器用的壁纸一样大小。你的显示哭分辨率是多少,就可以用多大的。
在PPT中,1英寸=2.54厘米,一般家用显示器的分辨率为:96像素/英寸,那么,很容易得出25.4厘米=960像素,19.05厘米=720像素。
如果想刚刚好完全覆盖PPT背景的话,要考虑分辨率在72像素/英寸以上,25.4厘米X19.05厘米就可以,但是,要注意的是分辨率越高,图片体积越大,最后成生的PPT文件也就越大。
如果想让图片刚刚好完全覆盖PPT背景的话。
1,比例为:4:3,图片大小:960像素*720像素即可(或25.4厘米*19.05厘米);
2,比例为:16:9的话,图片大小为:25.4厘米*14.29厘米。建议使用16:9(25.4厘米*14.29厘米)的的页面比例,这样设计更有美感,也是大趋势。
(7)背景图片竖式扩展阅读:
运用母板
使用母版可以定义每张幻灯片共同具有的一些统一特征。这些特征包括:文字的位置与格式,背景图案,是否在每张幻灯片上显示页码、页脚及日期等。
母版中最常用到的是幻灯片母版。它控制除标题幻灯片以外的所有幻灯片的格式。母版上的更改反映在每张幻灯片上。如果要使个别的幻灯片外观与母版不同,直接修改该幻灯片即可。幻灯片母版的使用操作如下:
⑴打开“视图”菜单上的“母板”,单击“幻灯片母板”。
⑵将对象添加到幻灯片母版中。
⑶单击“母板”工具栏上的“关闭”按钮。
资料链接:网络-MicrosoftOfficePowerPoint
⑧ 急!!如何用css实现背景图片纵向平铺
1、再css中定义css的背景图片,修改CSS的一下部分:
background-image:url(../images/bg_middle.jpg);
2、在之后加上background-repeat:repeat-y; 这个属性可以让图片纵向平铺
3、看图片是否会需要居中如果需要的话加上background-position: center
⑨ CSS中如何设拉伸背景图片铺满屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(9)背景图片竖式扩展阅读:
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具
记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。
⑩ 在css中设置图片的背景图,怎么设置图片纵向拉伸
css中设置背景图拉伸填充,在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示,可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类:
1.是一整张大图,尺寸和区域大小刚好吻合
2.一个很小的条状图,通过repeat后,形成一个很规则的大图背景。
css3出现以后,可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox,chrome,以及ie9上都可以使用。
具体使用方法如下:
背景图尺寸(数值表示方式):
#background-size{ background-size:200px 100px; }
背景图尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景图尺寸(等比扩展图片来填满元素,即cover值):
#background-size{background-size:cover; }
背景图尺寸(等比缩小图片来适应元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景图尺寸(以图片自身大小来填充元素,即auto值):
#background-size{ background-size:auto; }