1、网页设计中如何把背景图片自由设置大小?
你用php还是asp还是静态的,网络下代码,设置下
2、一般做网页设计背景尺寸定多大?
网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.
页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏
每个标准页面为A4幅面大小,即8.5X11英寸
全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
另外120*90,120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K
3、html如何设置图片大小
html插入图片有两种方式:一种是通过<img>标签插入的正常的图片,另一种是通过css样式插入的背景图片。
问题分析:
1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控制div的宽度和高度。
2、如果你插入的图片是通过<img>标签的方式来插入的话,可以通过<img>自身的属性控制图片大小,代码格式是:<img src="图片路径" width="图片宽度" height="图片高度"/>。
3、如果非要通过css控制背景图片的大小,可以通过background-size样式来实现,具体的css格式是:background-size:宽度 高度; (如下图所示)。
(3)网页设计更改背景图片大小扩展资料:
1、background 是用于在一个声明中设置所有背景属性的一个简写属性。
格式: background: {属性值}
继承性: NO;
可能的值:
background-color(背景颜色)
background-image(背景图片)
background-repeat(背景拉伸方式)
background-attachment(固定或者随着页面的其余部分滚动)
background-position(背景定位)
新增的值:
background-clip(规定背景的绘制区域)
background-origin(相对于容器中来定位背景图像)
background-size (背景图像的大小)
参考资料:
网络-background
4、网页制作背景图片大小如何设置
如果你图片实在太小的话只能以小图片铺满整个页面的哦。
方法:
1、“页面属性”,把背景图片改为你的图片
2、在<head></head>之间加代码:
<style type="text/css">
<!--
body {
background-image: url(图片地址);
}
-->
</style>
5、html网页制作中如何设置背景图片(如何引用)
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息:
2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了:
6、设计网页的时候如何在css样式中控制背景图片的高度?
你上面的抄代码是复制自己的贴上来的话 一看就出错了height:5px}; 分号怎么跑外面去了??
.line{
background:url(line_1.jpg) repeat-x;
height:5px;
}
background的部分可以简写的
7、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
(7)网页设计更改背景图片大小扩展资料:
背景重复:
如果需要在页面上对背景图像进行平铺,可以使用 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,最后也可以使用百分数值。不同类型的值对于背景图像的放置稍有差异。
8、正常网页制作背景图片应该多大?
1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;
2、其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px;
3、你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了。
9、网页设计背景图片大小设置问题
想要图片适应单元格的大小,就设置单元格为固定宽高,并且设置溢出为隐藏就行,然后通过设置背景图片的位置就能达到目的,代码如下:
td{background:url(img/demo.jpg) #000 repeat center center;overflow:hiddem;}
想要没有多余的完全显示一个图片,只能让图片的大小和单元格的大小完全相同才行