コピペするだけ！はてなブログで使えるアレンジ囲み枠１３選 - すまてくブログ
こんにちは、ヨシタカです！みなさん、ブログ楽しんでますか？ 前回はブログ記事にLINE風吹き出しを載せる方法をご紹介しました。 smatech.hatenablog.com いろいろなブログをみてみると、四角い枠で文章を囲んでいるものがあって、わたしもやってみたかったのですが、、、 はてなブログではワンクリックで囲み枠にするアイコンってないんですよね。。。 そこで今回はコピペするだけでブログ記事に囲み枠をかんたんに追加する方法をまとめましたので、ご紹介したいと思います。 えっ、ほんとうにコピペするだけなの？ そうですね、コピペするだけです。ただ、基本色を赤（#fc4a1a）にしているので、色を変えたい場合はこの部分を変更してください。 カラーコードはWEB色見本 原色大辞典 - HTMLカラーコードのサイトさんがまとめていただいているので参考にしてくださいね。代表となる色を一部記載します。
コピペするだけ！CSSを活用して箇条書き（リスト）や囲み枠（ボックス）をカスタマイズする方法（はてなブログ） - すまてくブログ
こんにちは、ヨシタカです！ みなさん、ブログ楽しんでますか？ 今回は、箇条書き（リスト）や囲み枠（ボックス）についてCSSを活用したカスタマイズにトライしてみましたのでご紹介したいと思います。 【Webアイコン】、【箇条書き（リスト）】、【囲み枠（ボックス）】のトリプル活用で、こんな感じになります。 文章ばかりのブログ記事をどうにかしたい人 箇条書き（リスト）や囲み枠（ボックス）をカスタマイズしてみたい人 CSSを少しさわってみたい人 はじめの作業が少し大変ですが、一度CSSに設定してしまえばあとはラクラクです♪ さっそくやってみましょう！ そもそもCSSってなに？ CSSを活用してリストやボックスをカスタマイズする方法 箇条書き（リスト）をカスタマイズ 丸数字つきリスト 付箋風番号付きリスト POINT付き箇条書きリスト POINTなし箇条書きリスト 囲み枠（ボックス）にアイコン付きリス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
