标签测试

<div class="note sd-yinhao">提示块标签</div>
<div class="note green sd-success">提示块标签</div>
<div class="note yellow">提示块标签</div>
<div class="note red sd-err">提示块标签</div>
<div class="note cyan sd-yinhao">提示块标签</div>
<div class="note ">
    <span>标题</span>
    <p>提示块标签</p>
</div>

<div class="tip">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip success">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip error">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip warning">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip wtgo">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip ban">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip home">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip important">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip ref">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip ffa">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip key">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="tip socd">
    <p>为简单的一句话提供的简便写法。</p>
</div>

<div class="checkbox">
  <input type="checkbox" />
  <p>纯文本测试</p>
</div>

<div class="checkbox checked">
  <input type="checkbox" checked />
  <p>
    支持简单的
    <a
      href="https://guides.github.com/features/mastering-markdown/"
      target="_blank"
      rel="noopener"
      >markdown</a
    >
    语法
  </p>
</div>

<div class="checkbox red">
  <input type="checkbox" />
  <p>支持自定义颜色</p>
</div>

<div class="checkbox green checked">
  <input type="checkbox" checked />
  <p>绿色 + 默认选中</p>
</div>

<div class="checkbox yellow checked">
  <input type="checkbox" checked />
  <p>黄色 + 默认选中</p>
</div>

<div class="checkbox cyan checked">
  <input type="checkbox" checked />
  <p>青色 + 默认选中</p>
</div>

<div class="checkbox blue checked">
  <input type="checkbox" checked />
  <p>蓝色 + 默认选中</p>
</div>

<div class="checkbox plus green checked">
  <input type="checkbox" checked />
  <p>增加</p>
</div>

<div class="checkbox minus yellow checked">
  <input type="checkbox" checked />
  <p>减少</p>
</div>

<div class="checkbox times red checked">
  <input type="checkbox" checked />
  <p>叉</p>
</div>

<div class="checkbox">
  <input type="radio" />
  <p>纯文本测试</p>
</div>

<div class="checkbox checked">
  <input type="radio" checked />
  <p>
    支持简单的
    <a
      href="https://guides.github.com/features/mastering-markdown/"
      target="_blank"
      rel="noopener"
      >markdown</a
    >
    语法
  </p>
</div>

<div class="checkbox red">
  <input type="radio" />
  <p>支持自定义颜色</p>
</div>

<div class="checkbox green">
  <input type="radio" />
  <p>绿色</p>
</div>

<div class="checkbox yellow">
  <input type="radio" />
  <p>黄色</p>
</div>

<div class="checkbox cyan">
  <input type="radio" />
  <p>青色</p>
</div>

<div class="checkbox red" >
  <input type="radio" />
  <p>蓝色</p>
</div>