今天在进行物联网开发时，制作一个网页，在网上找到一个资源，感觉这个效果特别好看，想加入到网页中去。这个案例可以实现对文字的聚光效果，最终效果如下：

获取的源代码来自于B站的阿阳热爱前端，有兴趣的可以去看看。连接如下

https://51ay.lanzoui.com/izO4nheto0j

对大神给的前端代码进行修改，修改成自己需要的内容。

下载的源代码包括两部分css和index.html。

由于我也是前端小白，因此查了一下资料，从菜鸟教程中看到你 css和html文件的作用。

为浏览器中浏览器标题。

如下

电子芯物联网开发

以上设置完成后，网页显示内容变为电子芯物联网开发，但是聚光后的效果还是原来的内容。

进入到css代码文件，将如下部分改为要聚光后显示的内容。

但是经过以上操作可能出现浏览器刷新后无法实现的情况。以360浏览器为例，在网页上右键点击审查元素。

进入到审查元素界面后，找到对应的代码看是否是你修改后的代码，如果不是，需要勾选网络菜单下的禁止缓存。

勾选网络菜单下的禁止缓存之后即可更新。