前言
在大佬的一篇推文中，看到了一个非常好看的代码块，百度了许久都没有找到具体的实现方法，最后终于在jrs的帮助下成功实现了。
实现
1.进入Vs Code，新建 .md文件
2.输入如下代码：
<html>
<style>
.mac {
width:10px;
height:10px;
border-radius:5px;
float:left;
margin:10px 0 0 5px;
}
.b1 {
background:#E0443E;
margin-left: 10px;
}
.b2 { background:#DEA123; }
.b3 { background:#1AAB29; }
.warpper{
background:#121212;
border-radius:5px;
width:400px;
}
</style>
<div class="warpper">
<div class="mac b1"></div>
<div class="mac b2"></div>
<div class="mac b3"></div>
<div>
<br>
</html>
```cpp
#include<iostream>
using namespace std;
int main(){
return 0;
}
// ```
// 最后需要三个` csdn编辑器连续输入两行```显示有点问题
3.点击 预览
4.mac风格的代码块就实现啦
总结
原理就是在代码块的前面新增了一个模块样式，模拟了mac部分的三个原点。
