不同的局部图片放图片的大镜效果

来源：互联网 2023-03-16 19:10:23 321

不同的局部图片放图片的大镜效果

工具/原料

adobe dreamweaver

方法/步骤

准备好需要用到的图标。

不同的局部图片放图片的大镜效果

2新建html文档。

不同的局部图片放图片的大镜效果

书写hmtl代码。table width="950" align="center" border="0" cellspacing="0" cellpadding="0"> tr> td>h3>第一个/h3> img id="img_01" src="images/ai.jpg" width="384" height="240" /> /  / h3>第二个/h3> img id="img_02" src="images/ai.jpg" width="384" height="240" /> / /td> td> / h3>第三个/h3> img id="img_03" src="images/ai_s.jpg" width="384" height="240" /> /  / h3>第四个/h3> img id="img_04" src="images/ai.jpg" width="384" height="240" /> / /td> /tr>/table>

不同的局部图片放图片的大镜效果

4书写css代码。body { margin: 0px; font-family: Arial, font-size: 14px; }a { color: #0066CC; text-decoration: none; }a:hover { color: #CC0000; text-decoration: underline; }

不同的局部图片放图片的大镜效果