anki-card-style-for-confused-words.html

<!-- front -->
<h1 class="R">Recite</h1>

<div class="front">
<div class="word-line">
  <span class="word">{{单词1}}</span><br/>
  <span class="PhoneticSymbol">{{音标1}}</span><br/>
  <span class="POSR">{{发音1}}</span>
</div>
<div>
  <span class="word">{{单词2}}</span><br/>
  <span class="PhoneticSymbol">{{音标2}}</span><br/>
  <span class="POSR">{{发音2}}</span>
</div>
</div>

<!--back -->
<div class="back">
  <div class="cube">
    <div class="word-line">
      <span class="word">{{单词1}}</span><br/>
      <span class="PhoneticSymbol">{{音标1}}</span>
      <span class="POSS">{{词性1}}</span>
    </div>
    <div class="explain_wrap">
      <div class="expHead">释义</div>
      <div class="expDiv">
        <div class="line">{{释义1}}</div>
      </div>
      <div class="expHead">例句</div>
      <div class="expDiv">
        <div class="line">{{例句1}}</div>
      </div>
    </div>
    <div class="cube top">
      <div class="word-line">
        <span class="word">{{单词2}}</span><br/>
        <span class="PhoneticSymbol">{{音标2}}</span>
        <span class="POSS">{{词性2}}</span>
      </div>
      <div class="explain_wrap">
        <div class="expHead">释义</div>
        <div class="expDiv">
          <div class="line">{{释义2}}</div>
        </div>
        <div class="expHead">例句</div>
        <div class="expDiv">
          <div class="line">{{例句2}}</div>
        </div>
      </div>
    </div>
  </div>
</div>