单击时将边框添加到li元素

是一种常见的前端开发技术，可以通过JavaScript和CSS来实现。

在JavaScript中，可以通过事件监听器来捕捉到li元素的点击事件，并在事件处理函数中添加边框样式。以下是一个示例代码：

// 获取所有的li元素
var liElements = document.getElementsByTagName("li");

// 遍历li元素，并为每个li元素添加点击事件监听器
for (var i = 0; i < liElements.length; i++) {
  liElements[i].addEventListener("click", function() {
    // 在点击事件处理函数中，为当前点击的li元素添加边框样式
    this.style.border = "1px solid black";
  });
}

在CSS中，可以使用伪类选择器:active来为li元素添加边框样式。以下是一个示例代码：

li:active {
  border: 1px solid black;
}

这样，当用户单击某个li元素时，就会在该元素上添加一个边框。

这种技术在前端开发中常用于实现用户交互效果，例如在导航菜单中，用户单击某个菜单项时，可以通过添加边框来表示当前选中的菜单项。

对于腾讯云相关产品的推荐，可以根据具体的需求来选择适合的产品。例如，如果需要搭建一个网站，可以考虑使用腾讯云的云服务器（CVM）来托管网站，并使用云数据库MySQL版（CDB）来存储网站数据。具体的产品介绍和链接地址可以参考腾讯云官方网站。