小试牛刀2：制作一个简单的层次页面_html/css_WEB-ITnose

1、这只是我用来练练手的，就不给大家说明具体步骤了，主要是通过HTML和CSS的一些基础知识来实现的。有兴趣的可以自己动手试试~

2、我的代码：

 1   2   3   4   5  DIV+CSS商业网站布局  6   7     body{margin:0;background:#000;} 8     .container{margin:0 auto;width:80%;background:#EBFAA3;height:1200px;}     9     .content{margin:50px 50px;background:#FFF;height:1000px;}10     11     /*conter_head部分*/12     .content_head{height:100px;}13     h1{margin-left:50px;padding-top:30px;color:#8A8A8A;}14     15     /*content_top部分*/16     .content_top{height:20px;}17     h4{margin-left:50px;padding-top:10px;color:#8A8A8A;}18     19     /*content_center部分*/20     .content_center{background-color:#CFF0F8;margin:10px 10px;height:760px;}21     .text{padding-top:20px;color:#8A8A8A;text-align:center;}22     23     /*center_body部分*/24     .center_body{background-color:#D7D7D7;margin:20px 50px;height:650px;}25     h2{padding-top:10px;}26     27     /*content_footer部分*/28     .content_footer{text-align:center;margin-top:30px;}29     .foot{font-size:18px;}30  31  32 33  34     35         


      
查看更多关于小试牛刀2：制作一个简单的层次页面_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110208

更新时间：2022-11-17 阅读：44次