网页开发与制作初识HTML51-14图像的宽度高度以及边框.docVIP

博学谷——让IT教学更简单，让IT学习更有效 PAGE 2 PAGE 1 了解了图像的宽度、高度以及边框属性，下面使用这些属性对图像进行一些修饰，如例1-14所示。 example14.html !doctype html html head meta charset=utf-8 title图像的宽高和边框属性/title /head body img src=logo.jpg alt=浙江金融职业学院，首批国家示范性高等职业院校 border=2 / img src=logo.jpg alt=浙江金融职业学院，首批国家示范性高等职业院校 width=120 / img src=logo.jpg alt=浙江金融职业学院，首批国家示范性高等职业院校 width=120 height=100 / /body /html 在例1-14中，使用了三个img /标记，对第一个img /标记设置2像素的边框，对第二个img /标记仅设置宽度，对第三个img /标记设置不等比例的宽度和高度。 运行例1-14，效果如图1-19所示。 图像标记的宽高和边框属性 从图1-19容易看出，第一个图像显示为原尺寸大小，并添加了边框效果，第二个img标记由于仅设置了宽度按原图像等比例显示，第三个img标记则由于设置了不等比例的宽度和高度导致图片变形了。