1

私はこれらすべてに非常に慣れていないので、私は初心者であり、これHTMLをCSS知らないことで私を怒鳴らないでください. :)

私は現在、ウェブサイトの作成方法を学ぶために、自分用のウェブサイトを作成しています。私が始めたとき、私はデザインを念頭に置いていました.bgに影を落とした864px明るいgrey中心の領域whiteです。PSで薄い部分を作り、それを繰り返すことでこれを達成しました。分割を行うときは、それらを正確に864px広くする必要がありますが、それは小さなデバイスで問題を引き起こします。すべてをそれらの行にバインドする方法はありますか?

PS: 私の英語は下手です、すみません。説明できない場合に備えて、その写真：それらの影を意味しようとしました
. http://i.imgur.com/AbZUUT4.jpgborder

4

2 に答える 2

6

たとえば、画像の代わりに CSS を使用できます。

あなたはおそらく次のようなものを得るでしょう：

<div id="wrapper">
    <div class="container">
        <!--864px wide-->
    </div>
</div>

.container
{
    width: 864px;
    margin: 0 auto; /*align in center*/
    box-shadow: 0px 0px 5px #888;
}

影のボックス シャドウ。これは、左から 0、上から 0 であるため、中央の影、5 ピクセルでぼかし、色は #888、これは rgba 色の場合もあります。

于 2013-05-25T08:44:42.813 に答える
0

これを使用できます：-

box-shadow: 10px 10px 5px #888888; // you can change it to whatever you want.

影を左右に追加するには、これを使用します:-

<style> 
div {margin: 20px; width: 400px; height: 400px;
-webkit-box-shadow: 4px 2px  #222,  -4px 0 2px #222;   
-moz-box-shadow: 4px 0 2px #222,  -4px 0 2px #222;   
box-shadow: 4px 0 2px #222,  -4px 0 2px #222; 
}
</style>
于 2013-05-25T08:42:53.007 に答える