ブロックに枠を付ける方法

段落ブロックの枠線を追加する方法です。ブロックの「高度な設定」でクラス(waku1)を追加し、そのクラスに対するスタイルをスタイルシートに記述することで枠線を付与できます。

クラス名に対するスタイル(デザイン)を、スタイルシートに記載します。
「管理画面」>「外観」>「カスタマイズ」と進みます。「追加CSS」で以下のようなスタイルを記述して、「公開」ボタンをクリックします。(編集画面では変わりません)

四角い枠は

.waku1 {
padding: 1em; /段落余白/
border: 3px solid #f582ae; /枠線/
}

角の丸くなった枠は

.waku2 {
padding: 1em; /段落余白/
border: 3px solid #f582ae; /枠線/
border-radius: 10px; /角丸/
}

二重線の枠は

.waku4 {
padding: 1em; /段落余白/
border: 5px double #f582ae; /枠線/
border-radius: 10px; /角丸/
}

など。

コメント