mac风格代码块的实现
mac 风格代码实现
1.1 前言
在许多个人博客上看到 mac 风格的代码块,觉得十分酷炫,最近在看到一篇关于 mac 风格代码块的博文,因此研究记录一下。 博文链接为:-->。
1.2 实现过程
基础的代码为 css 样式,添加到 markdown 标头位置。
<style>
.i1 {
background: #121212;
border-radius: 5px;
width: 700px;
}
.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;
}
</style>
样式效果图: