ヘルプ:色の使い方
ナビゲーションに移動
検索に移動
エンペディアには色を使用する機能があります。その使い方を説明します。
テンプレートを使う方法[編集]
1つ目はテンプレート:Colorがあります。
それは、{{color|Blue|青い色でやってみる}}とすると、青い色でやってみると色をつけられる物です。Blue以外にも色はあって、赤い色や、黄色もあるよ★。色の変え方は、{{Color|カラーコードまたは色|色をつける文字}}とします。色のカラーコードは、ウィキペディアのHelp:色の使用を参照して下さい。
spanを使う方法[編集]
<span style="color:red">赤い字をspanを使って出してみる</span>とすると、赤い字をspanを使って出してみるとなります。これも同じく、カラーコードでも入力できます。
最後にいろいろ[編集]
まずは、サンドボックスで練習してみましょう。慣れていくと好きな色を出す事ができます。変な物で、謎の赤リンクもどきや、謎の青リンクもどきもあります。色を変えるには16進トリプレットかHTML色名を指定してください。
色の使用方法[編集]
- span styleで背景色の変更
<span style="background-color:#FF0000;”>背景色は赤</span>
は背景色は赤と表示される<span style="background-color:#FF8000;”>背景色はオレンジ</span>
は背景色はオレンジと表示される<span style="background-color:#FFEC00;”>背景色は黄色</span>
は背景色は黄色と表示される
- 文字色の変更
<span style="color:#FF0000">文字色は赤</span>
は文字色は赤と表示される<span style="color:#00CC00">文字色は緑</span>
は文字色は緑と表示される<span style="color:#0060FF">文字色は青</span>
は文字色は青と表示される<span style="color:#FF0000">●</span>
は●と表示される<span style="color:#00FFFF">★</span>
は★と表示される
(注)白地に黄色い文字で書くとわかりにくく、色の見分けがはっきりしない。
<span style="color:#FFEC00">文字色は黄色</span>
は文字色は黄色と表示される
- 背景色と文字色の組み合わせの変更
<span style="color:#FFEC00;background-color:#000000;">'''背景色は黒×文字色は黄色'''</span>
は背景色は黒×文字色は黄色と表示される<span style="color:#FF0000;background-color:#000000;">●'''REC'''</span>
は●RECと表示される<span style="color:#FFFFFF;background-color:#0060FF;">'''背景色は青×文字色は白'''</span>
は背景色は青×文字色は白と表示される
- 幅と高さを指定した色
- 例:緑
- ウェブカラーの使用
<span style="background-color:#gold;”>背景色はウェブカラーのgold</span>
は背景色はウェブカラーのgoldと表示される<span style="background-color:#aqua;”>背景色はウェブカラーのaqua</span>
は背景色はウェブカラーのaquaと表示される