css中如何给图片加热点

2024-11-03 23:34:08

如何给插入的图片选择不同的区域加上不同的链接

首先我们打开dw,点击设计

css中如何给图片加热点

然后用鼠标点击你想要加热点的图片,点击选中以后,用鼠标点击左下角划热点的一种矩形工具。

css中如何给图片加热点

选择工具以后就可以在要加热点的图片上划热点了

css中如何给图片加热点

划上热点以后在左下角添加上你的链接

css中如何给图片加热点

在html中显示如下:

<body>

<img src="images/loginfoot.jpg" border="0" usemap="#Map1" name="foot" width="100" height="100"/>

<map name="Map1">

<area shape="rect" coords="50,50,100,100" style="cursor:hand" href="login.jsp" />

<area shape="rect" coords="0,0,50,50" style="cursor:hand" href="main.jsp"/>

</map>

</body>

猜你喜欢