コピペするだけ！はてなブログで使えるアレンジ囲み枠１３選 - すまてくブログ

こんにちは、ヨシタカです！みなさん、ブログ楽しんでますか？ 前回はブログ記事にLINE風吹き出しを載せる方法をご紹介しました。 smatech.hatenablog.com いろいろなブログをみてみると、四角い枠で文章を囲んでいるものがあって、わたしもやってみたかったのですが、、、 はてなブログではワンクリックで囲み枠にするアイコンってないんですよね。。。 そこで今回はコピペするだけでブログ記事に囲み枠をかんたんに追加する方法をまとめましたので、ご紹介したいと思います。 えっ、ほんとうにコピペするだけなの？ そうですね、コピペするだけです。ただ、基本色を赤（#fc4a1a）にしているので、色を変えたい場合はこの部分を変更してください。 カラーコードはWEB色見本 原色大辞典 - HTMLカラーコードのサイトさんがまとめていただいているので参考にしてくださいね。代表となる色を一部記載します。

[nao15-0]

初めまして。nao15-0です。パソコン音痴でもHtml上なら安心です。長い間悩んでいました。早速リライトで試してみます。どうもありがとうございました。

[b-kyoen]

大変分かりやすく、デジタル音痴でもすぐに利用できました。ありがとうございました。

[jack-hana]

参考になりました。紹介させていただきます。

[le-mask]

凄く分かりやすくて便利です！使わせて頂きます。ありがとうございます！

[chicoa]

とてもわかりやすいです。勉強になります。

[nikonosukey]

わかりやすくて助かりました(*^^*)

[emily3emi]

とても分かりやすい記事で、参考にさせていただきました。私のブログでも紹介させてください。

[kooritokka]

助かります、ありがとうございます

[laugh2019r1]

めちゃめちゃ勉強になりました。使わせていただきます。

[HONMON]

早速やってみます

[whisky-coke]

今度やってみます

[Yacchae]

役に立ちました！

[akane2020]

助かりました。コピペだけで簡単にできました。枠のバリエーションも豊富で、カラーコードのサイトも貼っていただき、大変役立ちました。ありがとうございます。

[merumamax]

大変参考になりました　ありがとうございます　勝手ではございますが、私のブログにて紹介させてただきます　勝手にすみません

[mokara]

本当にコピペするだけでできました！ありがとうございます！

[cookingmom3]

とても分かりやすかったです。ありがとうございました。

[Daisyribbon]

やっとうまくいきました。ありがとうございます！

[UbuntuSpirit]

有難うございます。

[mabuhayblog13]

参考にさせて頂きます。ありがとうございます。