导航:首页 > 万维百科 > 如何设计网页中图片大小

如何设计网页中图片大小

 发布时间：2020-10-17 15:59:00

1、在网页制作中如何控制DIV居中显示，用CSS怎么控制背景图片大小？

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

2、在index.html中的<style>标签中，输入css代码：

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。

2、如何制作自己想要的尺寸图片

制作自己想要的尺寸图片的具体步骤如下：

1、首先用美图秀秀打开需要设置的图片，进入到编辑页面中。

2、然后点击打开左下角“剪改尺寸”选项。

3、然后在弹出来的窗口中点击取消打开“锁定宽度比例”选项。

4、然后在弹出来的窗口中输入想要的尺寸，点击确定即可。

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

CSS里设置这两个参数：

背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/;

尺寸:backgroun-size:100% 100%。

4、把图片放到要制作的网页中时，怎样确保图片与网页大小相当

您是用DW制作吗？直接插入背景图片就可以了，它自动会铺满网页的页面的，如再不行可以QQ联络我哦
麻烦采纳，谢谢!

5、网页设计中边框里的图片如何控制其大小？

可以在css文件里设置图片的长宽及图片的浮动等各种特效。即用width、和height强制改变图片的大小。如：
.a{background:url(tupian.jpg);width=20px;height=20px;} 说明：.a是类选择器，调用时<标签名 class="类名">（这里类名为a），url里面是图片的位置及名称。width、height即强制改变的图片的大小。
还有一种方式是可以借助电脑的画图工具将图片的大小改成目标大小，然后保存后也可以直接调用图片。

6、关于网页设计中图片大小的问题

一张图片若要以较好的速度打开，首先要有好的网速，如果图片过大，可以在ps中进行切片处理。

“保存为web格式”中的图片格式为“保存图片”中的格式的一部分，“保存为web格式”中的图片格式适合网上传播，应为它提供了更多的保存参数。

7、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：

1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。

与如何设计网页中图片大小相关的知识