CSSの詳しい解説を書こうかと思ったのですが、なかなか面倒な作業なので、パソコンで表示する前提なんですが、基本的な囲み枠の作り方を…。 紹介しているCSSのコードは、はてなブログの場合、ブログ管理画面のダッシュボードから『デザイン』→『カスタマイズ』→『デザインCSS』の項目にコピペしてください。 WordPressの場合は、テーマファイル内のstyle.cssというファイルに、使いたいCSSを追記すると使えるようになると思います。 はてなブログの例。 CSSを適用させる場合は、変更を保存するボタンを忘れずに…。 あと、念のため、元から記述してあるデザインCSSのコードは、メモ帳などにコピペして保存しておきましょう。 目次 1.背景を薄い青色にする 2.上部に30ピクセルの余白を設けた薄い青の場合 3.上部に30ピクセル・下部に15ピクセルの余白を設けた薄い青の場合 4.左側に10ピクセル
![【初心者向け】コピペで使える囲み枠いろいろ - ミニものブログ(旧)](https://cdn-ak-scissors.b.st-hatena.com/image/square/28581709dcfa064dddbcb2b805071f3f3cee4ba5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmini-mono%2F20170313%2F20170313014634.jpg)