前端写一段代码要求能够在鼠标点过的地方凸显那个元素的边框

可以使用CSS的:hover伪类和border属性来实现：

<!DOCTYPE html>
<html>
<head>
  <style>
    /* 定义一个类highlight，设置边框样式 */
    .highlight {
      border: 2px solid red;
    }
    /* 鼠标悬停在元素上时应用highlight类 */
    :hover {
      cursor: pointer;
      border: 2px solid red;
    }
  </style>
</head>
<body>
  <div>鼠标悬停在我上面试试</div>
  <p>我也可以被凸显</p>
  <img src="image.jpg" alt="图片">
</body>
</html>

在上面的代码中，我们定义了一个类.highlight来设置元素的边框样式。然后使用:hover伪类，在鼠标悬停时应用.highlight类来实现凸显效果。注意，如果不想改变元素原有的边框样式，可以在:hover中设置border:none来取消原有边框。