引用(blockquote)の書式

引用の書式は、スタイルシートで設定しています。  マイ・ブログ > デザイン > デザイン一覧 と進んで、タイトルから現在使用しているスタイルシートを選びます。 スタイルシートを開いたら、blockquoteを探します。ここが引用の書式を指定しているところです。 次の例を見てください。 ▼例1 blockquote{ margin:10px; padding:5px; border:1px solid #c0eaff; } 囲み罫(border)の太さ1px、線の色は#c0eaff、罫の外側の余白(margin)10px、罫の内側の余白(padding)5pxという指定です。 Seesaaのテンプレート「ベビー」で使われている書式です。 ▼例2 blockquote{ margin: 20px; padding: 5px; background: #eed;/*背景色*/ } 罫線の指定はなしで、背景色だけ指定した事例です。 背景色を薄い色にするといいですね。 ▼例3 blockquote{ margin: 20px; padding: 5px; color: #630;/*文字色*/ background: #e5e5e5;/*背景色*/ border: 2px solid #ff0032;/*線*/ } このように、文字色、背景色を指定することもできます。 わざと目立つ色にしたけど、…

続きを読む

変化の確認

ブログの機能が増えたりしたので、ちょっと確認。 新機能の記事下広告が出ないな。 HTMLたいしていじっていないんだけど。   で、スタイルシートをいじってみたら、出てきた。よしよし。 設定 > 広告設定  で、記事下広告の文字や背景の色を変えられるようだ。 ふーん。 ちなみに、このセンテンスは「blockquote」にしてある。 今までのスタイルシートだったら、インデントだけだったのにね。 囲みが出るようになったわけだ。ほほう。で、解除するとこんな感じ。なるほど。   「パス:p」というのが入力欄下に出てくる。これは? いじれるのかな? だから、タイトル下とか、blockquote前後に余計なスペースが空くんだな。 ↓参考になったら、クリックで応援してね!↓

続きを読む

もっと見る