PC活用術
パソコンを有効活用するための情報・自作PCパーツ情報・フリーソフト紹介解説。
大手レビューサイトとは違い、皆さんのお財布にやさしい情報発信をテーマにしています。
TOP > HTML/CSS/JS サイトの小技 > ドメイン別 CSS の設定方法

ドメイン別 CSS の設定方法

CSS

CSS ではドメイン別にスタイルを設定することができます。
これを知っていると何かと便利ですので覚えておきましょう。

多く使われる例としては、自サイト内へのリンクの色と、他サイトへのリンクの色を設定するなどがあります。
応用としてはサイトに動画を貼り付ける際に Youtube と Niconico でサイズなどを設定するなどがあります。

例としてリンク先によってテキストの色を変える設定を説明します。
「http://helpsupport.blog.fc2.com/」へのリンクを赤、
「http://kazuugna.blog.fc2.com/」へのリンクを青とします。
CSS に以下のように記述します。

このように設定することにより HTML ではカラー設定しなくても色分けが適用されます。
次のようにどちらも HTML には何も装飾しない普通のリンクとして記述します。

<a href="https://helpsupport.blog.fc2.com/">https://helpsupport.blog.fc2.com/</a>
<a href="https://kazuugna.blog.fc2.com/">https://kazuugna.blog.fc2.com/</a>

次のように表示されれば成功です。

https://helpsupport.blog.fc2.com/
https://kazuugna.blog.fc2.com/

これを応用する事によりアイデア次第で様々なことが出来るようになるので、是非とも使いこなしましょう。

rss1 hatena Tweet facebook googleplus Line

コメント

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