推荐使用Prism.js
具体方法大神们早已经一笔一划的写出来了
其中通过标签来非全局加载Js的方法非常棒!推荐参考学习。
本网站则是全局加载JS,通过声明不同的CSS来实现美化效果。
不加载Prism JS:
<div class="container">
<div class="diamond"></div> <!-- 第一个菱形 -->
<div class="diamond"></div> <!-- 第二个菱形 -->
<div class="diamond"></div> <!-- 第三个菱形 -->
<div class="diamond"></div> <!-- 第四个菱形 -->
</div>
加载Prism JS:
<div class="container">
<div class="diamond"></div> <!-- 第一个菱形 -->
<div class="diamond"></div> <!-- 第二个菱形 -->
<div class="diamond"></div> <!-- 第三个菱形 -->
<div class="diamond"></div> <!-- 第四个菱形 -->
</div>
很棒!
发表回复