0

画像は次のとおりです。

画像

私のコード:

<!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>

2番目の暗い層状の背景をどのように行うのですか? 上の部分は明るいグレーですが、下の部分を暗くするにはどうすればよいですか?

z-index を使用して、新しい div を作成しますか?

4

1 に答える 1

3

ラッパーdivを異なる背景色の 2 つの div に分割できます。

例はこちら

于 2013-04-07T17:42:23.137 に答える