ブログはHTMLコードを使えば簡単に背景色を変えることができる

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 カテゴリ
 タグ
None

文字カウント、<p>タグ<br />タグの自動挿入、ワンクリックで画像回り込みなど記事作成が楽になるツール

ブログはHTMLコードを使えば簡単に背景色を変えることができる

無料で使えるブログにも、いろんな機能がついているので記事を書くとき文字をアレンジすることが簡単にできます。

でも、文字に背景色をつける機能がないブログもたくさんあります。


文字の背景色を、ちょっと変えるだけでもブログ記事にメリハリが出て強調する文字などがわかりやすくなり見やすくなります



文字の背景色を検索窓で調べると、スタイルシートを使うのが良いということにたどり着くんですが、ブログを始めたばかりだと、スタイルシートについての勉強に時間を取られてしまって、肝心の記事を書く時間がなくなることになってしまいますので、HTMLコードをコピーして簡単に文字背景色を変更する方法を使ったほうが良いです。



私が、そうだったので・・・




では、さっそくHTMLコードを使って文字の背景色を変更してみましょう。



☆文字の背景色を変える
<span style="background-color:#カラーコード;">ここに文字を書く</span>

上のHTMLコードをコピーして、#カラーコードここに文字を書くのところを変えます。



spanタグの後ろに、styleを使ってbackground-color(背景色)を指定します


HTMLコードで指定すると、
span style="background-color:#カラーコード"

記号を説明すると、
span (半角スペース)style=(半角イコール)"(ダブルクォーテーション)background-color:(コロン)#(シャープ)カラーコード;(セミコロン)"(ダブルクォーテーション)>


カラーコードはこちらを参考にしてください。
⇒ htmlのカラーコードを検索して確認、すぐに使いたい色に変換



これで、文字の背景色をいろいろ変えることができるようになりました。



さらに、もうちょっと記事中の文字アレンジをしてみましょう。

文字の背景色と文字の色を変えたいときもあると思います。

そんなときは、ブログの機能にある文字の色を変更したあとで、その文字変更のHTMLコードに背景色のHTMLコードを付け加えるだけでOKです。




☆文字の背景色を変えて、さらに文字色を変える
<span style="color:#カラーコード;background-color:#カラーコード;">ここに文字を書く</span>

ここでも、上のHTMLコードをコピーして、#カラーコードここに文字を書くのところを変えます。



ちょっと前ならば、fontタグを使っていたのですが、今は廃止されています。
fontタグは使わないようにしましょう




spanは文章のひとかたまりを表すHTMLコードです。
<span>ここに文章を書く</span>



実際に、文字背景と文字色を変えてみましょう。

文章
⇒ 『文字色と文字背景色をいっぺんに変更』

文字色
⇒ 『赤』
※赤のカラーコードは、「#FF0000」

文字背景
⇒ 『薄い緑』
※薄い緑のカラーコードは、「#90EE90」



<span style="color:#FF0000;background-color:#90EE90;">文字色と文字背景色をいっぺんに変更</span>

このように表示されます。

文字色と文字背景色をいっぺんに変更




いかがでしたか?

ちょっと、ややこしいですが、上の四角で囲ったコードをそのままコピーして#カラーコードここに文字を書くのところを変えればすぐに文字の背景色と文字の色をアレンジすることができます。



この2つのコードを、メモ帳や付箋などに保存しておいて、すぐに使えるようにしておきましょう。
<span style="background-color:#カラーコード;">ここに文字を書く</span>

<span style="color:#カラーコード;background-color:#カラーコード;">ここに文字を書く</span>



最後まで読んでいただき、ありがとうございます。



 タグ
None

文字カウント、<p>タグ<br />タグの自動挿入、ワンクリックで画像回り込みなど記事作成が楽になるツール

コメント (0)

コメントを書く

 

 非公開コメント ()

トラックバック (0)

Copyright © 脱サラしたいサラリーマンがアフィリエイトを実践、気ままにネットビジネス All Rights Reserved.

テキストや画像等すべての転載転用販売を固く禁じます

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。