囲み枠を二重線にする時は太さの指定に注意! | 教室ブログづくりの個別サポート・ムリなく申込みの入るアメブロ記事の書き方

教室ブログづくりの個別サポート・ムリなく申込みの入るアメブロ記事の書き方

11年間、教室を中心にブログサポートをしてきました。教室の魅力を100%、言葉にできれば、自然とお申込みは入ります。ITが苦手でも、大丈夫。Zoomを使って、ご一緒に教室の魅力を記事にしていくサポートです。

● 囲み枠を二重線にする時は太さの指定に注意!

おはようございます、名村剛一です。

こちらを囲み枠は、二重線になっていますね。


これ、僕のフリースペースでは、こういうふうに書いています。

<div style="border:4px double #FF8D4E;padding:10px;border-radius:10px;"><strong><font color="#FF0000"><無料配信中です></font></strong><br>
<a href="http://ameblo.jp/blog-personal-support/entry-11950961193.html" target="_blank">お仕事ブログの基礎を作るコツ</a></div>

二重線にする時には、「double」にすると良いんです。

でも、その時に大事なのが、太さです。

上記では、「4px」になっていますね。

通常の1本の実線などの場合であれば、「2px」でも大丈夫なんです。

でも、二重線の場合、倍の太さが必要です。

もし、「4px」のところを「2px」にしたら、こんなふうになります。


普通の1本の実線になってしまうんです。

実は、これ、僕が最初に二重線の囲み枠をつけようと思った時に、「あれ?なんでできないの?」と思ったことなんです。

囲み枠については、以前に、こんな記事を書いていますので、ご参考になさってくださいね。

お客様の声を枠で囲む方法のわかりやすい解説