我想要一个由坐标定义的图像的活动链接部分周围的边框.我目前已经实现了这样的程度:当用户点击时,通过使用:outline-color,可以看到轮廓,这要归功于href.我需要一个默认指定坐标周围的边框.我对CSS不是很有经验,所以一些指导意见将不胜感激.如果我需要在相应的时间间隔标记它.使用javascript会是一个好习惯吗？
<!DOCTYPE html>
<html>
<style>
img[usemap], map area[shape]{
outline-color: #F00;
}
</style>
<body>
<img src="unnamed.png" usemap="#mark">
<map name="mark">
<area shape="rect" coords="10,10,50,50" href="#">
</map>