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>

      样式效果图：