当前位置:首页 » 背景图片 » 设置背景图片的大小
扩展阅读
孤独女生图片卡通 2024-10-05 09:25:08
图片视觉元素有哪些 2024-10-05 09:24:25
ps做透明防盗图片 2024-10-05 09:15:57

设置背景图片的大小

发布时间: 2022-01-07 08:35:03

① html如何设置背景图片的大小

那是因为你的背景图片选的太小 你看看你的图片是多少成多少像素的 要比你的桌面差不多才能显示一整张 不然默认的就是平铺出好多张 直到把屏幕填满 这种情况是没办法再设置图片大小的 因为你的图片本来就那么小了

② 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

(2)设置背景图片的大小扩展阅读:

背景重复:

如果需要在页面上对背景图像进行平铺,可以使用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,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。

③ css中的背景图怎么改变大小

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

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

④ 在Dreamweaver中怎么改变背景图片的大小

在Dreamweaver中改变背景图片的大小的方法:

打开DW点击已经设置好的图片,输入“backg-s”,输入需要的数值输入500px,即为图片X轴拉伸至500像素,输入500px 500px,即为图片X轴Y轴均拉伸至500像素,可以直接输入图片的缩放百分比,50%即为图片缩放一半。百分比数值过大,图片会依照背景裁减掉一部分。

DW是网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。Adobe Dreamweaver使用所见即所得的接口,亦有HTML编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。



相关信息

1、CS6新增功能

利用Adobe DreamweaverCS6软件中改善的FTP性能,更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码,使您能检查自己的工作。

2、自适应网格

可响应的自适应网格版面,使用响应迅速的CSS3自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。

⑤ htmL中怎么插入背景图片如何设置背景图片大小

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

⑥ html如何设置图片大小

操作方法如下:

1、以Hbuilder来讲解,首先新建一个HTML页面,如图;

⑦ word关于背景图片设置的大小

Word插入图片后,点击插入的图片是可以调整图片大小的.点击插入的图片,图片上会出现个框框,鼠标左键点中边框就可以拉伸缩小图片了.

⑧ word中的背景图片怎么调大小

1、第一步:点击菜单栏中的“页面布局——水印——自定义水印”。

⑨ css中如何调整插入背景图片的大小

可以通过cover和contain来对图片进行伸缩。

语法:

background-size:auto;/* 默认值,不改变背景图片的高度和宽度 */

background-size:100px 50px;/* 第一个值为宽,第二个值为高,当设置一个值时,将其作为图片宽度来等比缩放 */

background-size:10%;/* 0%~100%之间的任何值,将背景图片宽高按百分比显示,当设置一个值的时候同也将其作为图片宽度来等比缩放 */

background-size:cover;/* 将背景图片等比缩放填满整个容器 */

background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */

(9)设置背景图片的大小扩展阅读:

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%;

}

⑩ word背景图片大小怎么设置

1、首先,你应该准备一张A4纸大小的图片作为背景图,不应该用拉伸的方法把它搞大,不然,打印出来的效果就惨不忍睹了。
2、新建方法:“文件”——“新建”——(编辑区右边)“本机上的模板……”——“报告”——“稿纸向导”设置好你需要的“信纸”
3、既然你已经会把图片作为背景,我还是想多说一句,不应该用插入图片,再把它设为“衬于文字下方”的方法为之,而应该用“格式”——“背景”——“填充效果”,载入一张准备好的图片。
4、打印是关键哟:“文件”——“打印”——“选项”,勾选“背景色和图像”。当然这一步也可以在“工具”——“选项”——“打印”中设置。
如此这般,打印出来的东西就是你所需要的了。
既然是信件嘛,上面的文字看起来呆板也不太逼真呀,你可以安装“方正静蕾简体”(从名称你就知道是谁的字体了吧)或者“博洋行书”等手写字体,打印出来就如同手写的一般。如果是给情人的信,一定会令她(他)惊叹不已的。
http://..com/question/25974264.html
http://itclub.ste.net/resourse/office/ht11.htm
新建一个文档→单击“视图→网格线→文件→保存→任意起个文件名→保存类型选择“文档模板”→保存
打开模板所在目录:C:\Documents
and
Settings\Administrator\Application
Data\Microsoft\Templates
,将原来的
Normal.dot
删除掉,将刚刚保存的模板改为
Normal.dot
,即覆盖原来的模版,就可以了。
先用PHOTOSHOP把图片的大小改成你需要的纸张尺寸,再在WORD中导入为背景。另外,设置纸张时纸张边距
默认的分辨率是96像素/英寸,在工具→选项→常规→web选项→图片选项卡里;
制作背景图时:
1、分辨率设置为96像素/英寸,A4纸大小(210mmX297mm);
2、菜单栏:选用“格式→背景→填充效果→图片选项卡”