ブログパーツ

趣味の工房

ブログ記事中の文字背景色を変更する

みなさん、こんばんは
未だHAF君が台湾から帰ってくる気配がありません( ̄∇ ̄;)
迷子にでもなっているのでしょうか!?w


さて、メールフォームよりお問い合わせがありましたが、タイトルにある記事中の文字背景色を変更する方法について。

先日のブログ記事中にメールへのリンクを挿入するでも使いましたが、記事の特定の部分だけ背景を変えることで、見やすくすることが出来ます。



ブログ記事中の文字背景色を変更する



記述はこうです。

<div style="background-color:#333333">任意の文章</DIV>

※コピー&ペーストOK

上記白色の部分はカラー指定のコードです。「#333333」は上で使っているグレーのコード。
例えば白なら「#FFFFFF」、赤なら「#FF0000」のように決まっています。
わからない場合はコチラのサイト様でご確認を。

また、ボクは個人的に記事上下に1行分改行(空白行)を入れていますが、通常改行を指定していなければ文字の書かれた行の背景だけが変更になります。

ボクは例によってIMEの辞書登録を使い、「はいけい」で変換をすると、「<div style="background-color:#333333">」に変換されるようにしています。


ちなみに、行ごとではなく、一部の文字部分だけを変更したいのであれば、

<font style="background-color: #333333;">任意の文字(文章)</font>



で出来ます。例えば

 リンクを強調したいとき などに背景も変えてしまうのも手ですね。

...というように使えます。
ちなみに、この記述で複数行に渡る文章を書くと、

このように
でこぼこになって少し
かっこ悪くなりますので
ご注意を。



それでは。**SeeYou**( ̄∀ ̄*)ノ




ランキングに参加しております。クリックにご協力を♪
にほんブログ村ランキングへ
にほんブログ村



関連記事


    22:51 | Trackback : 0 | Comment : 6 | Top
Comment
2011.06.18 Sat 03:05  |  Pasion #HfMzn2gY
またまたナイステク、ゲット~ φ(・_・”)メモメモ
  [URL] [Edit]
>Pasionさん

ありがとうございます~♪
ちょっとしたことですが、見やすくなると思いますので、思い出したらつかってみてください(笑)

  [URL] [Edit]
2011.06.18 Sat 11:19  |  Hide-Rocket #-
こんにちは☆

>未だHAF君が台湾から帰ってくる気配がありません( ̄∇ ̄;)
迷子にでもなっているのでしょうか!?w

心臓に悪いこと言わないで下さい( ノД`)

ちなみにジャックから『発送したよ♪』メールは来たんですか?


あれ!?デイヴィットでしたっけ?
  [URL] [Edit]
2011.06.18 Sat 12:36  |  aki #ch2f7abI
まだ返却されていなかったのですね( ;∀;)

現地では「終わり次第、なるべく早く返却します」との返答だったのですが… プレゼント満載にしている最中という事で、期待して到着を待ちましょうか(´ε`;)

来週早々にでも名刺交換した方に発送予定をメールで聞いてみますね!
  [URL] [Edit]
2011.06.18 Sat 13:24  |  ねこさん #-
パパさん、皆さん、こんにちは☆

パパさん、記事お疲れ様です♪

ん~!まだ、戻ってきていなんですね。><;
心配ですけど…、でもひょっとして…、akiさんの仰るように
何かお土産を入れてくださって梱包をし直しているのかも…?
それでちょっと時間をかけているのかもだったら良いですよね♪

ちゃんと無事に戻ってくると思うので・・、もうしばらくだと思います♪
  [URL] [Edit]
>Hide-Rocket さん

メールも来てないですねぇ( ̄∇ ̄;)
デイヴィットですけど。輸送には5日くらいかかるようなんですが、それでももう2週間経ってますからね~。

週明けにでもメール発射してみます♪




>akiさん

どうですかね~。
デイビットにはボクからメールしてみますよ。
まぁ大丈夫だとは思いますが。(^_^;)
いろいろありがとうございます♪



>ねこさん

まぁ別段すぐにないと困る!!というわけでもないんですが...
想像していたより遅いので、少し気になっただけですw
ご心配ありがとうございます♪

  [URL] [Edit]









(編集・削除用)


管理者にだけ表示を許可
Trackback
http://rikuntyudady.blog101.fc2.com/tb.php/523-05e65b26
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

Case Modding Forum
Case Modding Forum

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

Web page translation
THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
感染者増殖中...
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
お気に入りブログ♪
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
☆広告☆
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示