ワードプレスの投稿記事内の文字や文章に下線を引いたり、文字の背景に色をつけたりする方法です。文字の色や大きさの変更方法はコチラ♫

この投稿記事内における文章や文字の装飾って、意外と分からなかったりしませんか?私は、結構最近ですよ?知ったのは…(汗　ってことで、知ったらスグに記事に残しておけば忘れなくて済みます(笑

それでは早速まいりますね。

文章に下線を引く

これは、’テキストモード’にて以下の様に入力します。

 <span style="border-bottom: 1px solid #ff0000;">文章に下線を引く</span>

これが、冒頭部分の下線を引いた文章になります。

文章に下線を引く

この指定を覚えておくと、文字を囲ったりも簡単に出来ますし、下線を二重線にしたり太くしたりもできます。また、線の色も自由に指定出来ますので、とっても助かります。

<span style="border: 1px solid #ff0000;">文章を線で囲う</span>

文章を線で囲う

<span style="border-bottom: 3px double #0000ff;">文章の下に二重線</span>

文章の下に二重線

こんな具合ですね。とっても簡単でしょ?そうでもないですか?(笑

文章の背景に色をつける

これは、次の様に指定します。

<span style="background: #ffff00;">文字の背景に色をつける</span>

実際に’ビジュアルモード’で見てみると…、

文字の背景に色をつける

こんな具合ですね。

参考にしたページ：ボーダースタイルの値

こんな感じで文字を装飾出来る様になると、それだけで文章の表現の幅が広がってきますよね♫ドンドン記事を投稿しましょう(笑