关于dreamweaver的css和div布局代码

这张图上的网页代码是怎样的,主体两个方框是如何设置的
2025-01-02 11:18:07
推荐回答(3个)
回答1:


    .max{ width:800px; height:auto;}
    .top{ width:800px; height:120px; border:1px solid red; background:#6CC}
    .center{ width:800px; height:355px; border:1px solid #393; margin-top:10px;}
    .center-top{ width:800px; height:175px; }
    .center-bottom{ width:800px; height:160px; margin-top:10px;}
    .center-left{ float:left; width:380px; height:155px; border:1px solid red; margin-left:10px; margin-right:10px; margin-bottom:5px;}
    .center-right{ float:right; width:380px; height:155px; border:1px solid red; margin-right:10px; margin-bottom:5px;}
    .center-left-top{ height:25px; width:380; background:#999;}
    .center-right-top{ height:25px; width:380; background:#6CC;}
    .bottom{ background:#CCC; width:803px; height:100px; margin-top:5px;}
    .bottom-center{ width:600px; height:80px; margin-top:8px; margin-bottom:8px; text-align:center;}


    
    

    
        

        
            
                魅力华夏
                

                

            

            
                人文地理
                

                

            
        
    
    
        内容
    

 

回答2:

这个页面用DIV+CSS写是很简单的,几个DIV就可以完成,你说的主体两个方框应该是两个列表内容吧,只要设置好宽度,样式属性为:float:left;,即可并排显示。

回答3:


国家旅游局警示:禁收老年游附加费

魅力华夏
魅力华夏


  

我给你做出来了一个布局,你可以看一看