1

我对这一切都非常陌生，所以请记住HTML，CSS我是新手，不要因为不知道这一点而对我大喊大叫。:)

我目前正在为自己创建一个网站，以便学习如何制作网站。当我开始时，我有一个设计：一个以864px光grey为中心的区域，在背景上投下阴影white。我通过在 PS 中制作一小部分并重复它来实现这一点。当我进行划分时，必须使它们完全864px变宽，但这会导致小型设备出现问题。有没有办法让所有东西都绑定到这些线？

PS：我的英文不好，抱歉。它的照片，以防我无法解释：
我border试图指的是那些阴影。 http://i.imgur.com/AbZUUT4.jpg

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;
}

box-shadow 为阴影，这意味着：从左边0，从顶部0，所以一个居中的阴影，模糊了5px，颜色是#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 回答