我怎么能在我的网站上有边框？

Question

我很新的这一切HTML和CSS东西,所以请记住,我是一个新手,我不只是喊不知道这一点.:)

我目前正在为自己创建一个网站,以便学习如何建立一个网站.当我开始时,我有一个设计考虑:一个864px光线grey居中的区域,在whitebg 上投下一个阴影.我通过在PS中制作一小部分并重复它来实现这一目标.当我进行分割时,必须使它们完全864px宽,但这会导致小型设备出现问题.有没有办法让一切都绑定到那些线？

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

阴影的阴影框,这意味着:左边是0,顶部是0,所以一个居中的阴影,模糊了5px,颜色是#888,这也可能是一个rgba颜色