ブログの中で文章を囲む方法

他のサイトや文献から文章を引用する場合、引用した部分を囲って分かりやすくしておくのが礼儀となります。

その場合、<div>タグを使うのが一般的な方法のようです。これを使えばstyle属性を指定することでさまざまな線を利用することができます。

例えば以下のタグをhtmlに記述してみます。

<div style="border-style: solid ; border-width: 1px;">枠線で囲まれる本文</div>

枠線で囲まれる本文

 

style属性で、線の種類、枠内の余白、枠線の色、枠内の文字色、枠内の背景色、枠の横幅、枠のコーナーを丸くする、枠に影を付ける、などさまざまに利用できます。

詳細は参考サイトに詳しくあるので割愛します。

 

参考サイト

• http://aminamura.blog.fc2.com/blog-entry-5.html