次は、記事の文字を枠で囲むCSSコードを追加する方法をします。

記事の文字を枠で囲むCSSコードを追加する方法

ワードプレスの管理画面を開きます。

左下の「外観」を押します。

左下の「外観」の下の「カスタムCSS」を押します。

一番下の行に移動します。
キーボードの「Enter」を押して、1行ふやします。

下記のCSSコードをコピーして、一番下の行に貼り付けます。

/*枠CSSコード*/
.waku{
    padding: 1em;
    margin-bottom: 2em;
    border: solid 3px black;
}

貼り付けました。

一番下の「カスタムCSSの更新」を押します。

↑じょうまさふみに学習状況を報告すると喜びます(^^)/
講座1の関連記事
  • アイコンを光らせるHTMLとCSSを使ってする方法
  • ボタンの色を変えるCSSコードを追加する方法
  • アイコンの色を変えるCSSコードを追加する方法
  • 記事にアイキャッチ画像を設定する方法2
  • Brainを使ってお金を稼ぐ方法(紹介記事の書き方)
  • ブログタイトル名と説明文の変更2
おすすめの記事