turtlecat222 https://blog.hatena.ne.jp/turtlecat222/ yunico's fluffy life https://yunico-fluffylife.com/ customize ウェブサイトで囲み枠（ボックス装飾）を使用すると視覚的な整理をすることができ、ページがより読みやすくなる場合があります。囲み枠を使うメリット コンテンツをグループ化できる。 情報の優先順位を伝えやすくなる。 ページの内容にメリハリができる。 サイトの外観を整えることができる。 今回はコピペで使える、上記のような囲み枠／ボックス装飾のデザインをご紹介します。HTMLだけで使えるタイプもありますyunico-fluffylife.com 必読┃はじめに カラーコードについて 囲み枠の使い方 HTML 定型文へ登録 CSS ⒈全体に反映 CSS ⒉記事ごとに反映 デザイン┃シンプル BOX1 // … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyunico-fluffylife.com%2Fentry%2Fbox-design" title="囲み枠（ボックス装飾）┃コピペですぐに使えるジェネレーターを導入しました！┃HTML,CSS - yunico&#39;s fluffy life" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/turtlecat222/20240109/20240109210849.jpg Hatena Blog https://hatena.blog 2024-01-11 13:17:35 rich https://yunico-fluffylife.com/entry/box-design 1.0 100%