css如何实现上白下黑背景

在网页设计中，背景色的设计往往是非常重要的一环。其中，上白下黑背景的设计能够给人以高雅、简约、优美等感觉。实现这一设计的方法在CSS中也是非常简单的。

    body{
            background: #ffffff;
 /*设置整个页面的背景为白色*/    }
    #content{
            background: #000000;
     /*设置中间容器的背景为黑色*/        color: #ffffff;
     /*设置字体颜色为白色*/        width: 600px;
     /*设置容器宽度*/        margin: 0 auto;
     /*设置容器居中*/        padding: 20px;
 /*设置内容距离容器边框的距离为20px*/    }
    

在以上代码中，我们首先将body的背景色设为白色，然后在中间再创建一个容器，背景色设为黑色，字体颜色设为白色，宽度设为600px，然后再设置一些距离边框的内部填充值。

当页面加载完毕时，便能够呈现出完美的上白下黑背景效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！