主标题：如何设计网页中图片大小(网页制作怎么设置图片大小)

如何设计网页中图片大小,网页制作怎么设置图片大小

内容导航：

html如何设置图片大小

HTML怎么设置图片大小

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

网页设计中怎么限定图片大小而不变形

一、html如何设置图片大小

操作方法如下：1、以Hbuilder来讲解，首先新建一个HTML页面，如图；2、接着给标签设置背景图片，如图设置的是标签；3、然后新建一个css文件，如图；4、这里给body标签设置background-
size属性，如果标签是div就写div，然后可以设置宽度和高度；5、如图所示，在new_里面编辑：，就可以设置背景图片的大小了；6、最后在浏览器中预览一下，如图为部分背景。扩展资料：如何在htlm中插入图片：1、用dw创建一个网页文档，会自动写入这些代码。我用的是DW软件；2、在中间写入<img
src
后会自动有一个“浏览”；3、在下一步之前要进行保存，ctrl+s进行保存；4、点击“浏览”后，选择图片的来源路径；5、最后在键盘上敲打”</”就行了，图片就插入了。

二、HTML怎么设置图片大小

• 如果你使用img标签的话，直接加上style=””行内样式或者添加类名进行设置。

• 如果你使用背景图片，则使用background-size或者background的综合写法进行设置

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

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

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

四、网页设计中怎么限定图片大小而不变形

答：利用css里的clip属性进行对象剪切，必须给定4个数值，使用方法如下：clip:rect(number1number2number3number4),示例：先在xhmtl中插入原来大小为400400的图象对象；＆lt;divid=“imgbox“＆gt;＆lt;imgsrc=“img/“width=“400“height=“400“/＆gt;＆lt;/div＆gt;然后使用clip的css代码如下:＃imgboximg{position:absolute;clip:rect(10px300px300px20px)}分别为上、右、下、左。top：10px相当于顶部原有上边为10px，right：300px相当于右边距离左边局300px，bottom：300px相当于底边距离上边300px，left：20px说明左边距20px，最终于显示的图象大小的width和height为300-20300-10，则被剪切为一张280*290的图象。注意position必须为absolute。