« 2005年1月31日号の「ハンター×ハンター」 | トップページ | Acrobat 7.0 Std アップグレード届きました »

2005.01.19

引用(blockquote)に背景を・・・

他の記事を引用するときには<blockquote>と</blockquote>で囲むのだが,インデントが付くだけで地の文と区別がつきにくい。そこで背景をつけてみることにした。
例によって「マイリスト」で「リスト」を作り,設定でその「メモの表示」は「テキスト表示する」とし
メモ欄には以下を書き込んだ。
<style type="text/css">
<!--
BLOCKQUOTE {
    background-color: #c0ffc0;
}
//-->
</style>
なお,「リスト」の位置は本文が始まる前の左サイドバーに置いた。

これは引用文のテストです。単にインデントされるよりも色が付いていた方がわかりやすいでしょ?
背景に色が付いていれば成功!

[追記]
色が #c0ffc0(薄い黄緑) だと派手な気がするので #e0e0e0 (薄い灰色)に変えてみました。
<style type="text/css">
<!--
BLOCKQUOTE {
    background-color: #e0e0e0;
}
//-->
</style>

[追記]
またまた修正。左インデント(margin-left)は7%,右インデント(margin-right)は3%。上下の空き(margin-topとmargin-bottom)は5px,引用内で左右の空き(padding-leftとpadding-right)を8pxに変更してみました。

<style type="text/css">
<!--
BLOCKQUOTE {
    background-color: #e0e0e0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 7%;
    margin-right: 3%;
    padding-left: 8px;
    padding-right: 8px;

}
//-->
</style>

|

« 2005年1月31日号の「ハンター×ハンター」 | トップページ | Acrobat 7.0 Std アップグレード届きました »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: 引用(blockquote)に背景を・・・:

« 2005年1月31日号の「ハンター×ハンター」 | トップページ | Acrobat 7.0 Std アップグレード届きました »