ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > スポンサー広告 > title - 文字の背景色を変えるには? 一括編TOP > タグのお勉強 > title - 文字の背景色を変えるには? 一括編

スポンサーサイト

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

★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ

文字の背景色を変えるには? 一括編

ここでは、今まで見てきた背景色の指定で、自分の気に入った物ができたから頻繁に記事で使いたいけど、毎回長いタグを入力するのはめんどくさいので、名前をつけてスタイルシートに登録することによって、簡単に使えるようになる事を紹介します。


スタイルシートへの記入の仕方

まずテンプレートの設定からスタイルシートの編集を開きます。

開いたらスタイルシートを一番下までスクロールさせて、一番下に書かれているタグから一行あけて
.好きな名前{
width:50px;
height:100px;
background-color:#7FFFD4;
margin: 5px 10px 5px 10px;
padding: 3px;
border: 1px #0000FF solid;
}

と、この様に自分の登録したい物のタグを.好きな名前{ ~~~}で囲います。
.」は大事なので忘れないで下さい。

そして、記事で実際に使いたい時にこの様にします。
<div class="さっきつけた好きな名前">
中に書きたい文字
</div>
書きたい文字を<div>で囲います。

例えば好きな名前をBOXにしたとします。そうすると、

.BOX{
width:50px;
height:100px;
background-color:#7FFFD4;
margin: 5px 10px 5px 10px;
padding: 3px;
border: 1px #0000FF solid;
}

と、スタイルシートに登録します。

実際に使うには

新しい記事を書く時には、

<div class="BOX">
中に書きたい文字
</div>

この様になります。

こうするだけで、長いタグを毎回書かなくても指定した背景色を使えるようになります。だいぶ楽になりますよね。
また複数違う名前で登録しておけば、記事を作る時に名前を変えるだけで、いろいろな背景を使えるようになります。


関連ページ)
文字の背景色を変えるには?基礎編
文字の背景色を変えるには? 応用編
文字の背景色を変えるには? 枠線編
・文字の背景色を変えるには? 一括編


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/133-f3e16cfc   

文字を反転表示させる効果はスタイルシートを利用する
文字を隠しておいて、みたいときにはドラッグでの反転表示、という手法はご存知でしょうか? やり方は文字を背景色と同じにする。これだけです。 私は今まで、そういう文字の色を...

Template Designed by DW99

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