如何修改图片在网页的大小和排列？

<td style="border: 1px solid #ccc; width:110px; height:100px; text-align:center;"><a href="ProductViewaspID=30"><img src="/Images/NoRightjpg" onload="javascript:DrawImage(this,110,100);" alt="" width="110" height="100" border="0" /></a></td>
</tr>
<tr>
<td style="height:30px; text-align:center;"><a href="ProductViewaspID=30" title="">a> </td>
</tr>
上面这些里的 width:110px;就是宽，height:100px;就是高
排列方式目前的是表格，可以用dreamweaver进行可视化编辑，比较容易些

把放到img中，设置的宽和高属性，对于div做网页，div可以把网页内容结构组织起来，还需要结合css设置每个div的属性对页面各部分内容进行排版，需要系统学习divcss网页布局。

1、首先打开html编辑器， 设置一个div并对div设置固定宽度和高度，还要在div里面插入一张。

2、接着在上方设置div和img的样式，将的宽度设置为何父级一样的宽度，代码就是“width:100%;”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了。

3、最后将设置为display:block;转为块状就可以了。

4、最后打开浏览器就可以看到固定大小的了。

一、最简单的 <img src="" width="500" height="300"> 其中width为的宽，height为的高
二、用CSS来控制
<div class="img_div"><img src=""></div>
css文件里写
img_div img{widht:500px;height:300px;}

想要适应单元格的大小，就设置单元格为固定宽高，并且设置溢出为隐藏就行，然后通过设置背景的位置就能达到目的，代码如下：

td{background:url(img/demojpg)#000repeatcentercenter;overflow:hiddem;}

想要没有多余的完全显示一个，只能让的大小和单元格的大小完全相同才行

可以使用css的background-size属性来调整背景的大小，比如：
background-size: 240px 180px
背景的宽为240像素，高为180像素
background-size: 50% 30%
背景的宽设为容器宽度的50%，高设为容器高度的30%
background-size: cover
把背景扩展至足够大，以使背景完全覆盖容器区域（背景的某些部分也许无法显示在容器区域中）
background-size: contain
把背景扩展至最大尺寸，以使其宽度和高度完全适应容器区域（容器的部分边角位置可能会留空）
需要注意的是，background-size是css3的属性，浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的（如果你坚持用IE6那当我没说）

---