Question

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

我目前正在为自己创建一个网站，以便了解如何建立网站。我开始时有一个设计：一个864px光grey居中区域，在white bg上留下了阴影。我通过在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颜色

Answer 2

您可以使用： -

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>

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

2 个答案: