• ベストアンサー

文字の装飾について

CSSやHTMLをカスタマイズするのではなく、ブログの記事内で文字に影をつける方法を教えて下さい。たとえば文字を大きくするにはこんな感じですよね?<span style="font-size:x-large;">大きい文字</span> この様な方法で文字に影をつける方法なんかはないのでしょうか?

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

  • ベストアンサー
  • tacop
  • ベストアンサー率75% (867/1154)
回答No.1

下記のページなどが参考になると思います。 「超初心者のためのホームページ作成講座」 ■文字列に影をつける [スタイルシート] http://park16.wakwak.com/~html-css/tag_dictionary/filter.html#shadow 但し、この指定はIE(Internet Explorer)専用ですので、 それ以外のブラウザから見た場合は無効になります。

参考URL:
http://park16.wakwak.com/~html-css/tag_dictionary/filter.html#shadow
hghgyufku
質問者

お礼

「超初心者のためのホームページ作成講座」 ■文字列に影をつける [スタイルシート] 参考にさせてもらいました! ありがとうございました!!

その他の回答 (1)

noname#57571
noname#57571
回答No.2

これは http://oshiete1.goo.ne.jp/qa3723794.html からの続き質問のようですので、そちらに回答しました。

hghgyufku
質問者

お礼

http://oshiete1.goo.ne.jp/qa3723794.html​ の続きでしたごめんなさい(汗) 回答を確認しました!とても参考になりました。本当にどうもありがとうございます!

関連するQ&A

  • 携帯でスタイルシートが利用できますか?

    携帯電話で見れるホームページで文字サイズの指定をしたいと思っております html言語で<font size="7">フォントサイズを指定したい</font>とすれば文字サイズが変更できるのですが スタイルシートを利用して下記のように記述すると フォントサイズが変更されません。携帯ではスタイルシート利用できないのでしょうか?詳しい方お教えください。 <style type="text/css"> .large {font-size:large} .small {font-size:small} </style> <body> スタイルシートで<span class="large">フォントサイズを指定したい</span> </body>

    • ベストアンサー
    • HTML
  • HTMLで文字の影

    HTMLで、影文字を作りましたが、オケーウェブ(今見てる画面)の一番左上にある画像のように 、鏡のように、影を反転させようと思いますが、色々試行錯誤しましたが、上手くいきませんが、 何かアイデアはありませんか? text-shadowは、IEで使えないので、HTMLタグでお願いします。 ちなみに私のHTMLのソースです。 <html><head></head> <title>CSSを作るぞ</title> <body> <span style="width:60%;filter: (color=#E3E3E3,offx=3,offy=3,positive=-1)dropshadow (color=#E3E3E3,offx=10,offy=10,positive=-1);"><font size=7>影がついたかな?</font></span> </body></html>

    • ベストアンサー
    • HTML
  • 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> 昔アメブロをやっていましたが全く問題なくできていました。 何か情報がありましたらどうか教えて下さい!よろしくお願い致します。。。(;―;)

  • mixi日記の文字の大きさ

    はじめまして。  先日、mixi日記でタグを使った日記を書きたいと思い、 mixiプレミアムに入会したのですが、文字の大きさが大、中、小と 3段階しかなく少し不満です。 (個人的にフォントサイズ30くらいを使用したい) タグも、<span class="x-large"></span>や <font size="7"></font>など打ち変えてみたのですが、大きくなりませんでした。 他ブログを使用すれば良い話なのですが、日記を更新したときに、マイミクの人に最新の日記として知らせることができないのがイヤなので、何かいい方法がありましたら教えてください。

  • spanを使わずに文字列の一部を赤色にする方法

    HTML/CSSについて教えてください。 文字列の一部を赤色にしたいとき、インラインで記載すると以下のようになると思います。 <span style="color:#FF0000;"> samplesamplesample </span> 上記内容を、 「span」を使わずにインラインで記載する方法を教えて欲しいです。 (HTML5用でお願いします) ※ググったところ、 <div style="display:inline;color:#FF0000;"> samplesamplesample </div> という書き方でよさそうに思うのですが、詳しくないのでよく分からず・・。 <font style="color:#FF0000;"> samplesamplesample </font> という書き方が、やりたいことに最も近い気がしますが、HTML5では禁止?されていると知りました。 恐れ入りますが、どなたかよい方法をお教えくださると嬉しいです。

    • ベストアンサー
    • CSS
  • DreamWeaverで</head>の前のスタイルタグを使わない設定

    DreamWeaverで、既にリンクして使うスタイルシートを使用しているので、それ以外の属性は、HTMLのタグ内に記述したいのですが、DreamWeaverは、ごく些細な文字の大きさのような属性でも、</head>の前のスタイルタグの中で、その属性を指定してしまいます。 これを、</head>の前のスタイルタグの中ではなく、HTML本文のそれぞれのタグ内で普通に指定するには、どこの設定画面の何を設定したらよいのでしょうか? 具体的には、文字の大きさだけでも、 <style type="text/css"> <!-- .style2 {font-size: 36px} --> </style> </head> <body> <span class="style2">文字</span> とDreamWeaverはしてしまうので、これを </head> <body> <font size="7">文字</font> ないし、 </head> <body> <span style="font-size:36px;">文字</span> など、指定の方法はどうでも良いので、HTML内でDreamWeaverに指定して欲しいのです。 もう、別に記述したい事項はスタイルシートをリンクしているので…。

    • ベストアンサー
    • HTML
  • スタイルシートで指定した大きさにならない・・・

    スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 BODYの文字を12PXにしているのですが、 14PXの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>BODYのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。

  • 2beeブログで行間と文字の間隔を指定したい

    みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の2種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。

  • ブログの文字を小さくしたい

    gooブログのアドバンスを利用しています。 カスタムプレートを選択しておりますが、 文字の大きさが大きいので、すこし小さくしたい思っています。 CSSスタイルシートの「ページ全体の文字」で、 フォントサイズは最小になっています。 他の方のブログではもっと小さい文字があるので、 できるとは思うのですが、方法がわかりません。 よろしくお願いいたします。

  • モバイルサイト 3社統一の文字サイズにするには?

    htmlの3社共有モバイルサイトを運営しています。 文字をサイズを3社基準で1段階だけ小さくしたいのですが、何か方法はあるでしょうか? 3社ともに有効タグが違うのでよくわかりません。 現在はあるサイトを参考に下記のようにしています。 ---.html--- <div style="text-align:center;" class="small"> <span style="font-size:smaller;">[<a href="test.html">小さい文字</span> </div> ------------ ---.css--- .small { font-size:12pt; } --------- しかしこれではAUでは2段階文字が小さくなってしまって困っています。 拡張子はhtmlのままで1段階づつ小さくさせる方法があれば教えてください。