![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
http://www.club-barbarian.com/index.html
↑のHPのように、コンテンツ部分と背景部分にcssを利用して影をつけるにはどのようにすればよろしいでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
サイトを見てみました。
ご質問は、画面左右端の影のことですね?
これは、影の画像でつけています。
まず、
http://www.club-barbarian.com/index.html
の画面が、以下の構造になっています。
-----------------------------------
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="main_left"></td>
<td>ここに色々書いてある。</td>
<td class="main_right"></td>
</tr>
</table>
-----------------------------------
次に、上記画面で使っているスタイルシート
http://www.club-barbarian.com/style.css
を見ると、その中に以下の記述があります。
-----------------------------------
.main_left {
background-image: url(image/bg_left2.jpg);
background-repeat: repeat-y;
width: 15px;
background-position: right top;
margin: 0px;
padding: 0px;
}
.main_right {
background-image: url(image/bg_right2.jpg);
background-repeat: repeat-y;
width: 15px;
background-position: left top;
}
-----------------------------------
「bg_left2.jpg」「bg_right2.jpg」というのが影の画像です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- 一眼レフカメラ カメラ初心者です。 SONYのフルサイズカメラを購入し、レンズはTAMRONの20-40 F2.8の 5 2023/03/26 22:22
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- HTML・CSS 差し込み画像にをcssで大きさ指定したい 1 2022/11/23 23:14
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
Tableタグで作成した表の縮小
-
IEでテーブル内のテキストが...
-
表とリスト(ulとtable)の違い...
-
MAC版IEのCSS、paddingを適用す...
-
formのinputなどの幅100%指定
-
table内の画像を中央寄せ、のせ...
-
スタイルシートでpaddingを使う...
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
<img>の右横に<table>を配置したい
-
ホームページでローカルでは表...
-
セルの高さを固定するには?
-
<img>タグにCSSのclass設定可能?
-
td width="180" と固定してるの...
-
td要素内のdiv要素をセンタリン...
-
このHTXLソースが意味する動作...
-
HPビルダー10で、ロゴ、写真...
-
テーブル内のテーブルの高さを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
cssで、テーブルのtdの中の文字...
-
XHTMLに関する質問 順序が逆に...
-
vbscriptで時計を作りたい
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
divで囲んだ文字が消える
-
商品詳細を横並びに表示する方法
-
表とリスト(ulとtable)の違い...
-
入れ子にしたテーブルをheight1...
-
TDタグ内での均等割付の仕方
-
テーブルのセル内の隙間を取れ...
-
td要素内のdiv要素をセンタリン...
-
HTMLのテーブルでそれぞれの大...
おすすめ情報