blockquoteで囲むほどでもないちょっとした引用をしたい時に使うq要素。こちらにスタイルが設定されていなかったのでしてみました。といってもblockquote要素に便乗するという超手抜きですが!mt-static/themes/style-xxxxxから1-element.cssをダウンロードしてきてblockquoteの指定部分に「q」を加えるだけ。
目次
1-2. Font size setting
p,
q,
pre,
cite,
blockquote {
font-size: 100%;
}
1-5.Text Module
blockquote,q {
margin: 2em 20px 2em 40px;
padding: 0.6em 20px;
color: #666;
background-color: #f5f5f5;
}
他にも追記用や注意書き用の要素を作ってスタイルを設定しておくと囲むだけで使えて便利そうですよね。色々デザインを考えるのも楽しそう。(blockquote cssなどで検索するとサンプルがたくさん出ます。)
コメント