Q&A

概要

シンプルなQ&Aです。 質問部分の色を変更することができます。

デモ

Qここに質問が入ります

ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。

Qここに質問が入ります

ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。

Qここに質問が入ります

ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。ここに回答が入ります。

html/css

See the Pen Q&A by hbm-design (@hbm-design) on CodePen.

カスタマイズ

質問部分の色を変更する

/* 質問テキスト部分の文字色 */
.qa-wrapper dt {
  color: 任意の文字色;
}

/* 「Q」部分の背景色・文字色 */
.qa-wrapper dt span {
  background: 任意の背景色;
  color: 任意の文字色;
}