Question

这是图像：

我的代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>FLoung</title>
        <meta charset="utf-8">      
        <style>
            body {
                background-color: #cfcfcf;
                font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:12px;
                color:#666666;
                text-decoration: none; 
            }

            #wrapper {
                width: 700px;
                margin: auto;
                padding: 5px;
                margin-top: 75px;               
            }

        </style>    

    </head>

    <body>
        <div id="wrapper">

            Test

        </div>      
    </body>
</html>

我将如何进行第二次黑暗分层背景？顶部是浅灰色，我怎么会去做底部黑暗？

我是否只需创建一个带有z-index的新div？

Answer 1

您可以将包装器div拆分为两个具有不同背景颜色的div

示例here

CSS后台配置

1 个答案: