正面
<div class="word">{{单词}}</div>
<div class="phoneticsymbol">{{音标}}</div>
<div>{{发音}}</div>
中间
@font-face { font-family: kt; src: url('_kt.ttf'); }
@font-face { font-family: times; src: url('_times.ttf'); }
@font-face { font-family: georgia; src: url('_georgia.ttf'); }
.card {
text-align:center;
font-size:20px;
}
.word {
font: 32px/35px times;
letter-spacing: 1px;
}
.phoneticsymbol {
font: 18px/18px times;
color:blue;
}
.paraphrase {
font: 24px/38px kt;
color: purple;
margin-left:.3em;
}
.example {
font: 22px/25px times;
padding: 0.5em;
margin-left: 0.2em;
color:#222;
}
.exampletr {
font: 24px/38px kt;
padding: 0.5em;
margin: -0.5em 0em 0em 0.2em;
color:#222;
}
背面
<div class="paraphrase">{{释义}}</div>
<div>{{图片}}</div>
<div class="example">{{例句}}</div>
<div class="exampletr">{{例句翻译}}</div>