html - 我怎样才能在我的网站上有边框？

Question

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

我目前正在为自己创建一个网站，以学习如何制作网站。当我开始的时候，我心里有一个设计:一个 864px 浅色 grey 居中区域，在 white bg 上投下阴影。我通过在 PS 中制作一小部分并重复它来完成此操作。当我进行划分时，必须使它们正好 864px 宽，但这会导致小型设备出现问题。有没有办法让所有内容都绑定(bind)到这些行？

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

Answer 1

例如，您可以使用 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 颜色