はてなブログの文章を枠で囲む方法！！ - 副業と節約で貧乏脱出！お役立ち情報配信局！

よくいろいろなサイトやブログで、 見本 のような文章を枠線で囲んだ表記見かけませんか？ 今回は上記のような文章を枠で囲む方法を説明していきたいと思います。 はてなブログの文章を枠で囲む方法 枠線の太さをかえるには 枠線の種類をかえるには 枠線の色を変えるには 枠線内の余白の変更 枠線内の背景色を変更する 枠線の角を丸くする方法 まとめ はてなブログの文章を枠で囲む方法 はてなブログの文章を枠で囲むには、『記事を書く』から『HTML編集』を選択してもらい、下記タグをコピーし貼り付けてみて下さい。 <div style="border: 3px solid #ff1493;">見本</div> 貼り付け後に『編集見たまま』か『プレビュー』を選択してもらうと下記のような囲いができます。 見本 では先ほどコピーして貼り付けたタグの内訳を見ていきましょう。 <div style="border: 3