ホームページ制作、千太の絵空事

時に勝つ!投稿できることに感謝しています。(千太) SINCE 2005

全体表示

[ リスト ]

文字に色を付けたい


新規投稿ページで、
記事の文字に色を付けたい場合はどうすればいいのでしょうか?

まず、記事を書きます。

そして、文字の色を付けたい部分を「タグ」と言われる表記ではさみます。

この場合wiki文法にチェックは必要ありません。
そのまま記入してください。
  • [タグの記入]
  • [Webセーフカラー216色の(16進法)]


タグの記入


例えば「テキスト文字」という文字列に色を付けたい場合は次のようにします

<FONT color="#○○○○○○">テキスト文字</FONT>

というように
<FONT color="#○○○○○○">

</FONT>
ではさみます。

そして#と○○○○○○の部分に6桁の数字を入れて表します。

例えば黒色の場合は
  • 黒色
    <FONT color="#000000">テキスト文字</FONT>
    
  • 見え方
例えば赤色の場合は
  • 赤色
    <FONT color="#ff0000">赤色</FONT>
    
  • 見え方




足跡
  • ここでは、開始タグ(FONT)や終了タグ(/FONT)の要素名の「FONT」の部分を大文字で、属性名「color」を小文字で、属性値(#ff0000)を小文字で見やすいようにとしていますが、現在のYahooブログの場合大文字でも小文字でも構いません。
  • 将来的には全て小文字で記入した方がいいかもしれません。
  • 要素と属性の間には、「半角スペース」を必ず入れてください。
  • パソコンの表示色数とブラウザが対応していれば、この表記で表される色数は256x256x256=約16万色以上になります。

(現在、販売されている殆どのパソコンが対応しています。)

Webセーフカラー216色の(16進法)

  • Webセーフカラー216色とは、殆どのブラウザで同じ色に表現される色です。この#と数字を上記の#○○○○○○として入れて使用するといいでしょう。

  • Webセーフカラー216色(秋色?)●
  • Webセーフカラー216色(春色?)●


    #000000 #003300 #006600 #009900 #00CC00 #00FF00 
    #000033 #003333 #006633 #009933 #00CC33 #00FF33 
    #000066 #003366 #006666 #009966 #00CC66 #00FF66 
    #000099 #003399 #006699 #009999 #00CC99 #00FF99 
    #0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC 
    #0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF 
    #330000 #333300 #336600 #339900 #33CC00 #33FF00 
    #330033 #333333 #336633 #339933 #33CC33 #33FF33 
    #330066 #333366 #336666 #339966 #33CC66 #33FF66 
    #330099 #333399 #336699 #339999 #33CC99 #33FF99 
    #3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC 
    #3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF 
    #660000 #663300 #666600 #669900 #66CC00 #66FF00 
    #660033 #663333 #666633 #669933 #66CC33 #66FF33 
    #660066 #663366 #666666 #669966 #66CC66 #66FF66 
    #660099 #663399 #666699 #669999 #66CC99 #66FF99 
    #6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC 
    #6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF 
    #990000 #993300 #996600 #999900 #99CC00 #99FF00 
    #990033 #993333 #996633 #999933 #99CC33 #99FF33 
    #990066 #993366 #996666 #999966 #99CC66 #99FF66 
    #990099 #993399 #996699 #999999 #99CC99 #99FF99 
    #9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC 
    #9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF 
    #CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00 
    #CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33 
    #CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66 
    #CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99 
    #CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC 
    #CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF 
    #FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00 
    #FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33 
    #FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66 
    #FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99 
    #FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC 
    #FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF 
    


Webセーフカラー216色(秋色?)対応表]
Webセーフカラー216色(春色?)対応表]

閉じる コメント(45)

顔アイコン

今日は ありがとうございました でも 夕方又 赤色を使おうとしても できません どこが わるいのか そのまま 文字列のまま 公開しています どうか 暇になりましたら 又 教えてください すみません

2005/5/25(水) 午後 10:49 [ jap*nou**n ]

顔アイコン

japanouennさん、いらっしゃいませ!。コピペの方はうまくいったみたいですねー。今、拝見しました。wiki文法にチェックしたページでは、HTMLタグが使えないのです。(併用が不可能なんです。不便ですねー。) コメント、ありがとうございました!。

2005/5/26(木) 午前 9:46 *************

文字が大きくなって、色も変えられました。記事に使ってみます。次は、写真を文の間に入れるのに挑戦してみます。ありがとうございます。

2006/4/26(水) 午後 9:42 HAMA

顔アイコン

HAMAさん、そうですか、記事によって、自分らしく、使い分けて見てくださいね!。コメント、ありがとうございました!。

2006/4/27(木) 午前 9:21 *************

こんにちは♪ブログの文字に色をつける事から挑戦してみます。参考にさせて下さい。

2006/8/4(金) 午前 1:23 pooh

顔アイコン

Dreamさん、こんにちは!。がんばってみてください!。コメント、ありがとうございます!。

2006/8/5(土) 午前 9:19 *************

お気に入りブログに登録しました! 今後ともよろしくお願いします。

2007/2/12(月) 午後 5:58 [ sab*re1*4* ]

顔アイコン

sabore1346 さん、ありがとうございます!。共に,成長できるといいですね!。

2007/2/13(火) 午後 0:06 *************

初めまして☆ すごく参考になります!! 私も頑張って色つけてみます♪♪ また、わからなくなったら、見に来ちゃうかもしれませんが よろしくお願いします!!

2007/2/13(火) 午後 9:33 [ まりも ]

顔アイコン

「まりも」さん、遠慮なく、どうぞ!。ありがとうございました!。

2007/2/14(水) 午後 0:38 *************

顔アイコン

ようやく文字を大きく&色を付けてみることが出来ました♪ これからも色々教えて下さいね(^_-)-☆ よ〜たん

2007/3/2(金) 午後 11:44 yo-tan

顔アイコン

「よ〜たん」さん、良かったです!。ヘルプなど見ても?など、遠慮なく!。ありがとうございました!。

2007/3/5(月) 午前 9:37 *************

はじめまして!とても参考になります♪ファンぽちさせていただきますね(*^U^*)

2007/3/27(火) 午後 5:51 [ - ]

顔アイコン

Quchiさん、こんいにちは!。これからのブログの発展、楽しみですね!。ありがとうございました!。

2007/3/28(水) 午前 10:12 *************

訪問履歴からお邪魔しました。
Yahooブログをはじめたところで、悪戦苦闘しております。
参考にさせていただきます!!

2007/6/28(木) 午後 3:22 kog**ucar

顔アイコン

オレstyleさん、コメント、ありがとうございます!。
私も,現在苦闘中です!。共に、がんばりましょう!。

2007/6/29(金) 午前 9:15 *************

ハイ!!頑張りましょう!!
参考にさせていただきたいので、お気に入り登録させてくださいね!! 宜しくお願い致します。

2007/6/29(金) 午前 9:19 kog**ucar

顔アイコン

オレstyleさん、きっと、自分らしく,素晴らしいブログに成長していくことでしょう!。楽しみですね!。
私も、がんばりますよ!。ありがとうございました!。

2007/6/29(金) 午前 10:14 *************

wiki文法で文字色や文字サイズを変える方法はありますか?

2010/3/11(木) 午後 2:41 P'M'

顔アイコン

コメント、ありがとうございます!。
サポートされいませんので、おすすめできません。
新しい投稿機能でなら、きちんとサポートされているようですね。
(かさねて、失礼いたしました。)

2010/4/28(水) 午前 10:42 *************

開く トラックバック(1)


.
*************
*************
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
検索 検索

過去の記事一覧

ブログバナー

友だち(1)
  • ペーパーキャプテン・りヴぁ
友だち一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!
ふるさと納税サイト≪さとふる≫
実質2000円で好きなお礼品を選べる
毎日人気ランキング更新中!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事