-1

このようにウェブサイトの端に境界線を追加したい:(サイトの左端と右端の灰色の境界線を参照しています）

ここに画像の説明を入力してください

私はCSSでこれを完了するのに苦労しています。私が理解していないことの1つは、白と灰色の間にシャドウイングがどのように作成されるかです。誰かが助けることができますか？

4

2 に答える 2

2

box-shadowコンテナ要素を試してください：

.container {
    box-shadow: 0 0 10px 10px #666;
}

必要に応じて、サイズ（10px）、ぼかし（10px）、色（＃666）を調整します。

于 2012-10-16T21:39:08.980 に答える
2

それは簡単なで行われbox-shadowます。デモ： http： //jsbin.com/ivugeh/1/edit

<body>

  <div class="page">

  </div>

</body>

body { 
  background: url('http://dovetail-demo.squarespace.com/assets/concrete-texture.png'); 
  padding: 0; 
  margin: 0;
}
.page {
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
  background: #fff;
  width: 400px;
  margin: 0 auto;
  height: 100%;
}
于 2012-10-16T21:40:07.037 に答える