• ベストアンサー

画像の外枠に影:CSS

影の画像を使わずに!! 画像の外枠に影をつけたいのですが、どうしたらいいかわかりません。 右+下だけじゃなくて周り全体にぼやけた感じで影をつけたいんです。 出来ればCSSだけで作りたいのですが・・・。 宜しくお願い致します。

  • CGI
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • ma_f
  • ベストアンサー率53% (166/308)
回答No.1

こちらの方法ではどうでしょうか。イメージされてるものとは違うかもしれませんが……

参考URL:
http://hello.oceannet.jp/modules/blog/index.php?page=article&storyid=63
yosshi22
質問者

お礼

ありがとうございます。 参考になりました。

関連するQ&A

  • 背景にグラデーション、外枠に影をつけたい

    http://www.musclemusical.com/ ドリームウィーバーでこちらのサイトのように、 背景はグラデーション、更に外枠テーブルの左右と下に影をつけたいと思っています。 調べていたところグラデの背景は、 cssスタイルのbodyでバックグラウンドで指定するということで、 やってみたら成功したのですが、 ネットで外枠の影のつくりかたを調べたところ、それもbodyタグを使うとなっていました。 両方bodyタグのbackgroundで指定できるのでしょうか? どちらかしか使えないようなのですが.... CSS等ははじめてでさっぱり分かりません。 言っている事が意味不明かもしれませんが、 背景と外枠の影と両方どう実現すればいいか教えていただけると嬉しいです。 宜しくお願い致します。

  • フレームの外枠を消したい HTML、CSS

    <iframe></iframe> このタグを使ってページ内にフレームを作成しました。 このフレームの外枠(ボーダー?)を消したいのですが・・・。 タグ内にborder=0を入れ <iframe border=0></iframe> としましたが、外枠は消えません。 CSSも少しならわかるので、CSSを使用する方法でもいいのですが・・・。どちらにしろHTMLで作られている外枠部分を消す必要がありますよね?考え方が間違っていたらおかしなこと言ってるのかもしれません。 とにかく<iframe></iframe>タグで作成したフレームの外枠を消したい。ということで質問させていただきます。わかる方どうぞよろしくお願い致します。

  • ホームページのサムネイル画像の外枠を消したい

    ホームページビルダー15でホームページを製作中の初心者です。 サムネイルを使って画像を入れると画像の周りに外枠が表示されます。外枠の線を何とか消そうと試みていますがうまくいきません。 ページ編集のところでは画像の周りは点線の外枠に囲まれていますが、プレビューで見ると線で囲まれています。 外枠の線を画像のサイズと同じ大きさにしようと思っても、ある一定の大きさ以上は小さく出来ません。 この外枠は消えない性質のものなのでしょうか? 消す方法があればやり方を詳しく教えて下さい。お願いします。 OSは、Windows7 Professional ホームページビルダー15を使用しています。 タグ打ちはほとんど出来ません。

  • EXCEL2016で 外枠が引けない

    EXCEL2016,を使用中です。 表の外枠を引こうとして、外枠をクリックしても、外枠が引けません。 外枠の上、右、左は引けていますが、下が、空いています。 どうすればよいかお教えください。

  • 画像切り抜きすると画像のふちに影がついてしまう。

    画像を選択し「イメージ枠編集ツール」から「画像切り抜きツール」を選択し切り抜きをすると、画像の周りに影が付けれれてしまう。マニュアルをみると「画像切り抜きツール」の画像の右には画像に対する他の操作(影をつけるようなものも)ができるメニューがあるように描かれているが私のPCではそれが表示されない。以前は切り抜いても影はつかなかったが最近なぜか影がついていまいこまっています。 ※OKWAVEより補足:「ソースネクスト株式会社の製品・サービス」についての質問です。

  • 影付きボタン

    フォトショップで画像ボタンを作成したいのですが、 画像の左と上の方が光ったような感じで、 右と下の方に影がついた感じなのですが、 手順を教えていただけますでしょうか。 確か「フィルタ」の何らかのメニュから簡単にできたような 記憶があるのですが、忘れてしまいました。 よろしくお願いいたします。

  • 画像への影付け

    画像があります。4辺のうち、右と下のはじっこに影をつけると、立体感が出ますよね。 手元に、ファイヤーワークスとフォトショップがあるのですが、ファイヤーワークスではできないようです。。。。普段使っているのは前者なのですが、できるのならその方法を。フォトショップで可能ならば、簡単にご教授いただけると助かります。 手順が難しいようでしたら、簡単に影付けができるソフトなどご紹介いただけるとなお助かります。

  • ブログに載せる画像をcssで工夫したい

    ブログに載せる画像にamapropの画像のような影と文字をつけたいのですが、html、cssの知識が全くなく、どのようにしたらよいのかわかりません。 amazonのアフェリエイトリンク作成ツールに「amaprop」(http://amaprop.net/)というのがあって、商品画像をかっこよく紹介することができるのですが、このツールで用いられているような加工をブログに載せている画像に施したいのです。 参照画像のように、画像の上に薄ら黒い影をつけて、その上に白い文字を載せたいのですが、どうしたらよいでしょうか? cssでクラス名なりID名なりを作って指定をして、ブログの記事に載せる当該画像にそれを反映させればよいのかな?と思っているのですが、自分にはどのようにすべきかわからないので質問させていただきました。 画像は横200px縦50pxのもので、画像全体をうっすら黒くして、そのうえに白文字(フォントのサイズは11で文章もcssで一括指定)をつけたいです。 アドバイスよろしくお願いいたします。

  • 画像に影を付けたい

    今、andoroidのsimejiというアプリ向けにキーボードイメージを(個人用に)作っているのですが、添付画像のように平仮名文字列の下の数字・英字列のあたりに影を付けたいです。影を付けるペイントアプリケーションおよび、画像加工ソフトはたくさんありますが一部分かつ薄い影を付けるとなると良いアプリケーションが見つかりませんでした。何か良いアプリケーション、ツールなどがありましたら教えてください。

  • Html cssに関する質問です。

    Html cssに関する質問です。 html cssに関する質問です。 http://akiba.geocities.jp/saori5552222/ Artisteerのトライアル版というので、ページを作ってみました。 画像の働きについて、教えてもらいたいのですが。 自分で調べれば何とかなるかとも思ったのですが、聞いてしまったほうが早いと思い、 質問させていただきました。 角を丸くするために添付した、画像が使われているのですが、どのように使われていますか? http://akiba.geocities.jp/saori5552222/images/Sheet-s.png 大きな外枠の四つの角を丸くするために使われているようです。http://akiba.geocities.jp/saori5552222/images/Sheet-v.png 周りの影をつけるときに使われているようです。 http://akiba.geocities.jp/saori5552222/images/Block-s.png これ内部の角を丸くするためにつかわれているようです。 これらの画像が、どのようにhtml、cssに組み込んでいるのでしょうか。

専門家に質問してみよう