background-image背景图片怎么用css缩小

html-css013

background-image背景图片怎么用css缩小,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 300px}。

3、浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。

效果演示：源代码：.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cellvertical-align:middle/*设置水平居中*/ text-align:center/* 针对IE的Hack */ *display: block*font-size: 175px/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial/*防止非utf-8引起的hack失效问题，如gbk编码*/ width:200pxheight:200pxborder: 1px solid #eee} .box img { /*设置图片垂直居中*/ vertical-align:middle/*非IE6下的等比缩放*/ max-height:150pxmax-width:150px/*IE6下的等比缩放，注意expression其实是运行了一个JS程序，所以如果图片很多的话会引起CPU占用率高*/ width:expression(this.width >150 &&this.height <= this.width ?

问题一：word设置背景图缩放比例 双击页眉――点选背景图片――右键――设置图片格式――大小――缩放：订入百分比――确定――关闭“页眉和页脚”工具条。

问题二：div+css怎么让背景图片自动缩放 你好,是根据串口大小来自动调整的么?

这样:

body {

background: url(./../img/bg.jpg) fixed center center no-repeat

background-size: cover

width: 100%

}

问题三：jquery 背景图片等比例缩放 20分]@]@]

@body{

padding:0 margin: 0

width:100%

background-image:url(图片)

background-repeat: no-repeat

background-size: cover

}

问题四：PS 怎么等比例缩放 按住shift健....

问题五：如何将图片等比例缩小？ 10分 要将图片等比例缩小，可以使用ps、美图秀秀、画图工具等等各种处理图片的软件来弄，以下是电脑自带的画图工具等比例缩小图片的方法：

在电脑上找到需要等比缩小的图片，鼠标右击它，选择“编辑”；

在打开的界面上点击“重新调整大小”；

厂击勾选“保持纵横比”，然后可以选择”百分比“或者”像素“为依据，直接输入比原来小的百分比或者像素数值，最后点击”确定“，并且保存即可。

问题六：如何将excel图片等比例缩小或放大? 拖的时候按shift试试

问题七：dw图片怎么等比例缩放 图片编辑 ，属性里，不过只能按百分比缩放，不能直接拖放，见图片

问题八：在Word中插入图片,怎样调整使图片成比例的放大或缩小? 按住Shift键，进行调整

问题九：css中如何调整插入背景图片的大小 CSS2.1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比，如background-size:100px 200px表示把背景图片大小调整为100x200px，目前IE只有IE9支持这个属性，其它主流浏览器也都支持

问题十：AI中怎么把图像等比例扩大或缩小尺寸 按键盘上的Shift+鼠标等比拉伸

（或是上方直接输入）.