html – 为图像映射中的区域创建边框

前端之家收集整理的这篇文章主要介绍了html – 为图像映射中的区域创建边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在图像映射区域周围添加边框.

以下是具有3个扇区的图像映射的示例.

<body>
<img src="trees.gif" usemap="#green" border="0">
<map name="green">
<area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.trees.com/save.html">
<area shape="rect" coords="128,132,241,179" href="http://www.trees.com/furniture.html">
<area shape="circle" coords="68,211,35" href="http://www.trees.com/plantations.html">
</map>
</body>

如果不知怎的话,我可以放置一个带有2个像素的边界,周围的区域就会很棒.

解决方法

使用直接HTML / CSS无法做到这一点.尽管IE6 / 7不支持SVG,但您可以使用SVG.

你可能会发现这个JavaScript插件使用:http://www.outsharked.com/imagemapster/特别是它的笔触设置.

猜你在找的HTML相关文章