引用(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;/*線*/ } このように、文字色、背景色を指定することもできます。 わざと目立つ色にしたけど、…

続きを読む

「お気に入りに追加」ボタン(2)

「お気に入りに追加」ボタンに関する補足です。 ボタンの周りにはスペースが開いてしまうんです。 このブログの場合は、下のほうに設置したので、そのスペースが目立たないと思いますけど…。 ブラウザが自動的に<FORM>タグの前後に空白行を挿入するのが原因だそうです。 あなたのせいじゃないの。ブラウザのせいなんです。 (最初、自分が余計なタグやスペースを入れたんじゃないかと悩んだ経験がありますよ、私…^_^;) 前回とは違う、シンプルなHTMLで説明しますね。 お気に入りボタンのHTMLタグは、こんな感じ↓でできています。 【初期状態】 <form> <input type="button" onclick="window.external.AddFavorite ('http://testomomo.seesaa.net/','カスタマイズ実験室')" value="お気に入りに追加"> </form> 【余白なし指定】 formタグに、余白なしの指定をしましょう。 赤字の部分を追加します。 <form style="margin:0px"> <input type="button" onclick="window.external.AddFavorite ('http://testomomo.seesaa.net/','カスタマイズ実験室')" value="お気に入りに追加"&g…

続きを読む

もっと見る