css热点点击后没有痕迹 |163css.js

/* 设置热点区域的样式 */
.area {
display: inline-block;
position: relative;
}
/* 添加点击效果 */
.area:active {
opacity: 0.5;
}
/* 去除痕迹 */
.area:focus {
outline: none;
}

以上代码中，大家将热点区域的样式设置成inline-block，并在其上添加了点击效果。当用户点击该热点区域时，会出现一个50%的半透明效果。而在其点击结束之后，大家使用:focus属性来去除由于用户点击造成的默认边框痕迹。

通过以上的代码，大家可以制作出一个没有任何痕迹的CSS热点。