本文介绍了一种使用 HTML 实现图片中特定区域链接的方法。通过定义图片的坐标位置，可以将图片的一部分设置为可点击链接，从而实现更加互动的网页效果。
<!Doctype html>
<html>
<head>
<title>我的主页</title>
</head>
<body>
<p>点击图片红色部分</p>
<img src="niuniu.png" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="index8.html" target ="_blank" alt="index8" />
</map>
</body>
</html>效果图展示：
点击红色部分：
注：红色部分与图片是一体，只是在其上加了坐标链接。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
