img{
border-width:1px;
border-style: solid;
border-color: red;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页制作</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<img src="./ball.png" alt="网页制作" usemap="#face">
<map name="face">
<area shape="circle" href="http://www.baidu.com" coords="275,275,100">
</map>
</body>
</html>
图像的映射图
最新推荐文章于 2024-03-26 15:00:41 发布
这个博客介绍了网页制作中如何使用HTML和CSS来设置图像边框,并展示了如何通过`<map>`和`<area>`标签创建图像映射,实现点击不同区域跳转到不同的链接。示例中,一个圆形热点区域被定义,点击后将跳转至百度首页。
摘要由CSDN通过智能技术生成