• ベストアンサー

グラデーションの仕方

メールは、結構好きなんです。それで、アウトルックで、ホットメールを使ってやってるんですけど、文字に(グラデーションで)色を付けたいのですが... 一応こんな感じでやってみましたが、どうもできてないらしいのです。どうやってしたらよいか教えてください。お願いします。 <font size=6><font color=0000ff>グ</font><font color=3300ff>ラ</font><font color=6600ff>デ</font><font color=9900ff>ー</font><font color=cc00ff>シ</font><font color=cc00cc>ョ</font><font color=cc0099>ン</font><font color=cc0066>な</font><font color=cc0033>の</font><font color=cc3333>だ</font><font color=cc6633>あ</font><font color=cc9933>ぁ</font><font color=cccc33>ぁ</font><font color=99cc33>ー</font><font color=66cc33>。</font></font>

質問者が選んだベストアンサー

  • ベストアンサー
  • emu
  • ベストアンサー率41% (10/24)
回答No.2

こんばんは♪ 下の方と 回答は一緒ですが・・・。 メッセージの作成をリッチテキストにすると 本文を書く下のほうに「ソース」というのが出て来ます。 それを選び <body>と</body>の間に 上記のタグをコピーします。 そして プレビューもしくは編集のタグを選ぶと 本文に グラデーションで文字が出ます。 あとは編集で 好きなように本文を書いてください。 これはWindows版Outlook Expess5.0以上の機能です。 他のメーラーをお使いでしたら わかりません。。。 それとも 質問の意味が グラデーションがきれいに出来ないというような 意味だったでしょうか?(きれいだと思いますが・・・) ちなみにこんなのもきれいですよ♪ <font color="#FF80C0">#</font><font color="#FF86B6">#</font><font color="#FF8CAC">#</font><font color="#FF92A2">#</font><font color="#FF9898">#</font><font color="#FF9E8E">#</font><font color="#FFA484">#</font><font color="#FFAA7A">#</font><font color="#FFB070">#</font><font color="#FFB666">#</font><font color="#FFBC5C">#</font><font color="#FFC252">#</font><font color="#FFC848">#</font><font color="#FFCE3E">#</font><font color="#FFD434">#</font><font color="#FFDA2A">#</font><font color="#FFE020">#</font><font color="#FFE616">#</font><font color="#FFEC0C">#</font><font color="#FFF202">#</font><font color="#FFFF00">#</font><font color="#FFF90A">#</font><font color="#FFF314">#</font><font color="#FFED1E">#</font><font color="#FFE728">#</font><font color="#FFE132">#</font><font color="#FFDB3C">#</font><font color="#FFD546">#</font><font color="#FFCF50">#</font><font color="#FFC95A">#</font><font color="#FFC364">#</font><font color="#FFBD6E">#</font><font color="#FFB778">#</font><font color="#FFB182">#</font><font color="#FFAB8C">#</font><font color="#FFA596">#</font><font color="#FF9FA0">#</font><font color="#FF99AA">#</font><font color="#FF93B4">#</font><font color="#FF8DBE">#</font>

daichankun
質問者

お礼

いやぁ、グラデーションはきれいですね!ありがとうございました!上記のとおりにやってみたら、みごとにできました。すみませんけど、グラデーションをする上で、#の意味もできれば、教えてもらえないでしょうか?あと、ソースの画面で、<body>と、</body>っていうのは確かにありましたが、他にも、色々、最初から、書いてあったのですが...それってなんですか?教えてもらえないでしょうか?ほんとにごめんなさい。

その他の回答 (3)

  • emu
  • ベストアンサー率41% (10/24)
回答No.4

あっ すみません 意味を取り違えていました。 font colorの指定での「#」の意味ですね(^^ゞ 理屈は知りませんが 何か指定しなければいけない時にはかならず 「"#~~~"」で指定しないときちんと表示されません。 <font color=0000ff>は<font color="#0000ff">というようにします。 たとえば 画像を貼り付けたい時には <img src="#ok.jpeg">というようにします。 なぜでしょう?? そういう決まりなのだと覚えてください。

daichankun
質問者

お礼

そうなんです。それです。それが聞きたかったのです。本当にありがとうございました。

  • emu
  • ベストアンサー率41% (10/24)
回答No.3

こんばんは♪ 「#」は別に意味はないんですよ。たとえば下記のように 「*」でも♪ 「#」や「*」の変わりにいろんな記号や文字を使ってください。 「グラデーションフォント」等でサイトの検索をかけると たくさん出てくると思います。 先ほどのも下記のも いただきものです(^^;) <font color="#0000FF">*</font><font color="#0E1CFF">*</font><font color="#1C38FF">*</font><font color="#2A54FF">*</font><font color="#3870FF">*</font><font color="#468CFF">*</font><font color="#54A8FF">*</font><font color="#62C4FF">*</font><font color="#70E0FF">*</font><font color="#7EFCFF">*</font><font color="#72E3FF">*</font><font color="#64C7FF">*</font><font color="#56ABFF">*</font><font color="#488FFF">*</font><font color="#3A73FF">*</font><font color="#2C57FF">*</font><font color="#1E3BFF">*</font><font color="#101FFF">*</font><font color="#0203FF">*</font> それから<body></body>以外の最初から書いてあった文字は「HTML」の「タグ」というものです。 「HTML」というのは 今ご覧になっているホームページなどを作る時に この文字はこういう風にとか ここに画像を差し込むなどの 指定をする時に使うプログラムです。 「HTML」を勉強すれば ホームページも作れますし きれいなメールも作れます。 メールで使う『ひながた』というのは「HTML」で出来ているのです。 私も なんとなくわかっているだけで 説明するには力不足です。(^^ゞ 「HTML」についてはいろんなサイトで調べられます。 代表的なところを下記URLに載せておきますので がんばって調べてください。

参考URL:
http://tohoho.wakusei.ne.jp/
daichankun
質問者

お礼

何度も何度もありがとうございます。ほんとうにすみません。ありがとうございました!

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.1

Windows版Outlook Expessの場合 メールの作成画面で、書式-リッチテキスト(HTML)を選びます。 本文入力画面の下にある「ソース」を選び、 HTMLのタグを入力してください。

daichankun
質問者

お礼

ありがとうございました!ちょっと言いにくいんですけど、HTMLのタグは、入力しなくてもできたのですが...?詳しく教えてもらうとありがたいのですが...

関連するQ&A

  • IllustratorCS2でフォントにグラデーションをかけたい

    IllustratorCS2でフォントにグラデーションをかけたいのですが。 「塗り」でカラーを適当に選ぶとその色がフォントに反映されるのですが、カラーの隣のグラデーションボタンを押すと色が無視され、全て灰色になってしまいます。カラーを選択するウィンドウでグラデーションを色々変えてみても灰色のままです。 どうしたらいいでしょうか?アドバイス宜しくお願いします。

  • イラストレーターで文字に対してグラデーションスライダが使えない?

    イラストレーターCSを使って太い文字にグラデーションする際の事について質問します。 図形の色をグラデーションする時に、カラーパレットの左上の「塗りボックス」で色を指定して、そこから下にあるグラデーションスライダにドラッグします。そうすると瞬時にスライダの色と図形の色がグラデーションになります。 ところが、文字(大きいフォントで線が太い文字をカラフルにしたい)を指定して、同様の操作をすると、スライダの色はグラデーションになりますが、文字の色は真っ黒になってしまいます。 (質問)文字に対しての、この操作方法に誤りがあれば、ご指摘ください。文字にグラデーションを掛けるには、どうすればよいでしょうか?

  • 色のHTMLタグについて

    色のHTMLタグについて ホームページのある文字の部分を虹色にして、目立たせたいと思うんですが、 <font color="#ff0000">〇</font> から始めて、16文字を虹色のグラデーションにしたいです。 色彩感覚が鈍くて上手くいかないので、出来る方がいらっしゃいましたらお願いします。

  • HPの文字の色が変わりません

    gooの簡単ホームページで、文字の色変更が出来ません。 フォントのサイズは、変更出来るのですが。 カラーチャートは、gooに在る物を使用したのですが、変更出来ません。 <font size=6 color=red>○○○</font>と入力すると、○○○はredですから 赤になりますよね? #FF0000 とかREDで入力しても変更されません。 どうすれば良いか教えて下さい。

    • ベストアンサー
    • HTML
  • <FONT>のCOLOR属性について

    <FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は色差(312)が不十分です。と診断されます。 <FONT size="-1" color="#ff0000"><FONT size="-1" color="#ff0000"><B>TOP</B></FONT><BR> また、<FONT> の COLOR 属性の色指定と <BODY BGCOLOR> の色は明度差(38.989)と色差(147)が不十分です。 とも診断されます。 </FONT><FONT color="#ffffcc" size="-1">--------------------<BR> </FONT><B><FONT color="#ffffcc" size="-1">PR</FONT></B><FONT color="#000000" size="-1"><BR> <BR> <A target="_blank" href="http://○○.com/">あいうえお<BR> かきくけこ</A><BR> </FONT><FONT color="#ffffcc" size="-1">--------------------<BR> どうしたら、いいですか?知識不足野郎です。すいません、誰か、教えてください。

    • ベストアンサー
    • HTML
  • fontタグ

    【1】<Font size=2" Font Color="#bfbfbf"> サイズを2にしたくて灰色にしたい文字</Font> </Font> --------------------------------------------------------- 【2】<Font size=2" Color="#bfbfbf"> サイズを2にしたくて灰色にしたい文字</Font> --------------------------------------------------------- 【3】<Font size=2" Color="#bfbfbf"> サイズを2にしたくて灰色にしたい文字</Font></Font> --------------------------------------------------------- 上記は全て同じ意味ですか? 特に、2と3は同じ意味なのか教えてほしいです。ご回答よろしくお願いします。

  • illustratorのアピアランス機能を使って、文字にグラデーションをかけるには?

    illustrator10.0Jを使用している、まだ初心者です。 文字を装飾する際にアピアランスを使うと後から文章の編集も出来、大変重宝しています。 文字に色を付ける場合、色を付けたい文字をドラッグで選択して、希望する色に設定する訳ですが、この際に分からないことがあり質問させていただきます。 アピアランスパレット中の「塗り」の設定でカラー選択をグラデーションを選択しても全く違う色(黒)になってしまいます。 しかしながら、アピアランスパレットにて「塗り」の色を確認するとそこではちゃんとグラデーションになっているのです。 もちろんこの方法で単色での設定は可能なのですが・・・ これはどういうことでしょうか? また、文字をアウトライン化せずに文字にグラデーションをかける事って出来ないのでしょうか?

  • IE6でのスクロールバーの色

    IE5.5の時は、スクロールバーの色が変わってたんですが、 IE6にしたら、色が変わらなくなりました。 どうしたらよいでしょうか。 教えてください。 よろしくお願いします。 ■補足説明■ スタイルシートは外部から読み込むようにしてます。 記述は以下のとおりです。 body{scrollbar-base-color:#000000; scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-arrow-color:#8080ff; scrollbar-3dlight-color:#8080ff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#8080ff; font-size:12px; color:#8080ff; background-color:#000000}    ・    ・    ・    ・ フォントサイズ、フォントの色、背景色は認識されてます。

  • FC2ブログ文字色の変更時の不具合について

    かれこれ数か月悩んでいます。 わかる方、ご伝授頂けないでしょうか・・・?(;ー;) FC2ブログをやっています。 文章の色を変えると文字の大きさが一回り小さくなって表示されます。 スマートフォンで見ると大丈夫ですが他のパソコンで見てもやはり小さく表示されてしまいます。(気のせいかもしれませんがフォントの字体も変わる気がします) ちなみに文字の色だけでなく、同時に太字、文字サイズを大きくする作業を行うとプレビューでは上手く表示されているのに実際アップすると文字の大きさが反映されておらず、再び文字のサイズを大きくする作業をしなければ反映されません。 (計2回フォントサイズを大きくするという作業をしなければいけません。) もしかしたら3つの事を同時にする時決まった順序があり、その順序と異なるから反映されないのでしょうか・・・? ちなみに他の方のFC2ブログを拝見するときちんと表示されています。 この原因は一体何でしょうか? 参考に文字の(1)色を変えた場合  (2)文字の色・太さ・大きさを変えた際のスタイルシートはこのように表示されます。 (1)<strong><span style="color:#ff00ff">インタビュ~</span> (2)<span style="font-size:large;"><strong><span style="color:#ff00ff"><span style="font-size:large;">インタビュ~</span></span></strong></span> 昔アメブロをやっていましたが全く問題なくできていました。 何か情報がありましたらどうか教えて下さい!よろしくお願い致します。。。(;―;)

  • CSS グラデーションが反映されない

    DreamWeaverでサイトを制作しています。 下記のように書いてもブラウザ上にグラデーションが反映されないのですが、 どういった原因が考えられるのでしょうか? #header{ color:#fff; background-color:#F60;   moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); /* For WebKit (Safari, Google Chrome etc) */  background:-webkit- gradient(linear, top, bottom, from(#f60), color-stop(0.3,#C30), to(#fff));  /* For Mozilla/Gecko (Firefox etc) */  background: -moz- linear-gradient(-45deg, #f60, #fff);  /* For Internet Explorer 5.5 - 7 */  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F06000, endColorstr=#FFFFFFFF);  /* For Internet Explorer 8 */  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)"; } フォントについてやbox-shadow等は反映されるのですが、グラデーションだけが。。 宜しくお願いします。

    • ベストアンサー
    • HTML