段落ブロックの枠線を追加する方法です。ブロックの「高度な設定」でクラス(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; /角丸/
}
など。
コメント