web中背景图片大小怎么设置

2. 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)web中背景图片大小怎么设置扩展阅读：

背景重复：

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

3. 一般做网页设计背景尺寸定多大

网页的背景多大要看对网页的要求的。

网页设计标准尺寸：

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条。

为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

专业的网页设计，需要经历以下几个阶段：

需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

以业务目标为中心进行功能策划，制作出栏目结构关系图。

以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

根据用户反馈，进行页面设计调整，以达到最优效果。

以上内容参考：网络-网页设计

4. 网页背景图片怎么设置

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息，如下图所示：

设计注意：

1、配色问题 一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和，对比度强的色彩不能应用于一般网站，时尚网站使用还可以。一般不好搭配的颜色，用灰度搭配。

2、字体问题

很重要的一个问题，用标准字标准色，这是一个规范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。

3、布局规范

布局是非常重要的，考虑客户浏览习惯以及他们想展现的内容，并且优化。一个网页，如果布局不合理的话不但影响浏览，而且非常难看。

5. WEB开发如何让button的背景图片的大小自适应BUTTON的大小

如果你是要在button上面覆盖图片 是不能调节图片大小的，你可以用img标签来代替button的功能 这样可以手动设置img的大小值。width和height属性就行

6. html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

7. word中背景图片大小如何调整

1.打开word文件，选择插入——插图——图片。

8. css问题:如何控制背景图片的大小

1、css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。
2、css3中可以通过background-size来控制图片的大小。
background-size属性用法：

background-size: length|percentage|cover|contain;
1）length:设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。
2）以父元素的百分比来设置背景图像的宽度和高度。
3）把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
4）把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

具体示例可以参考：http://www.w3school.com.cn/cssref/pr_background-size.asp

9. 如果选择一幅远远小于浏览器窗口大小的图像作为web页面的背景

选择一幅远远小于浏览器窗口大小的图像作为web页面的背景的原因：
1、在body标签中，使用bgcolor属性设置背景颜色，语法“”。
2、图像尺寸小于浏览器窗口，图像将在整个浏览器窗口进行复制。
3、背景属性将背景设置为图像，属性值为图像的url。

10. web前端怎么让div大小刚好和图片一样大

在前端开发过程中，我们经常会遇到盒子大小跟图片尺寸不匹配的情况，我们通常会通过以下几种方式来解决。
1.通过采用裁剪图片，根据div盒子设置的宽、高，来更改裁剪图片的尺寸，使图片适配div盒子。
2.设置div的具体宽高，图片宽高分别设置为100%，代码具体如下width:100%;height:100%。这种方式，也可以将图片大小填充满盒子。
3.如果图片是网页背景图片，还可以通过设置div盒子内属性background-size为cover，这种方式也可使图片充满盒子。
我们在实际运用中，可以根据不同情况来选择不同图片调整方式。