ドラクエ風のセリフや文章を再現するHTMLとCSS【コピペ可】 | Fantastech（ファンタステック）こちらが雛形になるHTML。テキストは自由に変更可能で、テキストリンクにすることもできます。 <div class="blackboard question"> <p>＊「ここに質問が入ります」</p> </div> <div class="clearfix"> <div class="blackboard answer float-r"> <p class="blink-before">はい</p> <p>いいえ</p> </div> </div> こちらがCSS。スタイルシートの最初の方にコピペすれば間違いないと思います。レスポンシブデザインなので、コピペするのは一回だけです。 （WordPressの場合は外観→カスタマイズ→追加CSSにコピペするのが簡単です） /* 黒板 */ .blackboard { position: relative; margin: 0 auto 1.5r
