使用HTML编写一个网页：如何将图片依照想要的形状摆放，比如爱心。如何控制图片大小。请教如何写代码？

Posted 2023-05-18

不管什么图片，都是方形的。

首先要建立一个表格或者div，把这个图片放进去。

你用的图片格式可以是jpg、png、gif格式，其中png、gif有透明的格式，你插入到表格中或者div中，它自动透明就显示了爱心的形状。

如果不是透明的格式，就要让图片的背景和它周围网页元素的背景颜色图案一致（比如爱心图案是红色的，而它的背景和它周围的背景都是白色的），这样会造成一种视觉错觉，好像图片是不规则形状的。

这个效果你可以参看“百度知道”的那个大图标。 参考技术A 简单点的就用table。直接拉表格弄好了放图片进去，摆成心形。控制图片大小也可以只用用img的width和height属性来控制。 复杂点的都是用JS来控制的。或者用css的浮动或者相对定位。如果是初学者。建议table吧。因为js和css对于初学者不太好掌握。
希望以上对你能有帮助吧。 参考技术B 高级的用DIV+CSS定位
简单的用table表格定位
width="x" height="y" 表示宽和高。 参考技术C 用<img>的style属性设置大小，位置

使用JS控制图片形状

如何使用JS控制图片形状 网页中某张图片，是放在一个不规则的四边形里。而且图片经常需要更改所以想用JS来控制这张图片 应该如何解决？

参考技术A 首先想到是的类似 mask 的概念，你有一张PNG图片，中间是透明的不规则图形，四周颜色和你的背景颜色一致，然后再这张图片的后面放你要显示的图片，然后JS控制切换。 问题是 IE6 不支持PNG透明层。你需要额外的JS来打开。 参考技术B 这个..貌似不能吧?用js怎么可以修改图片呢. 用css可以控制图片大小. 参考技术C 控制图片地址???直接用 Js里面的src属性操作就行了~~