前端学习（127）：pc端企业类型整页制作6

    
    
    
    
    
    


    

        

            
                
            
        
        

            

                HOME
            
            

                ABOUT
            
            

            PROTFOLIO
            
            

                SERVICE
            
            

                CONTACT
            
        
    
    

        

            

                
            
            

                
            
            

                
            
            

                
            
        
        

            

                
            
            

                
            
            

                
            
            

                
            
        
    
    

        

            
服务范围
            
OUT SERVICES
        
         

            

                

                
1.web design
                
我是歌谣，我是最棒的
我是歌谣，我是最棒的
            
            

                

                
2.graphic design
                
我是歌谣，我是最棒的
我是歌谣，我是最棒的
            
            

                

                
3.e-business plan
                
我是歌谣，我是最棒的
我是歌谣，我是最棒的
            
            

                

                
4.mailboxagents
                
我是歌谣，我是最棒的
我是歌谣，我是最棒的
            
        
 
    
    

        

            

                
[客户案例]
                
with the bost professional technology,to design the best inn
            
        

            

                

            
            

                

            
            

                

            
        
            

                view movn
            
        
    

common.css

*{margin: 0;padding: 0;}
ul,ol{list-style: none;}
img{display: block;}
a{text-decoration: none;color: #646464;}
h1,h2,h3{font-size: 16px;}
body{font-family: Arial, Helvetica, sans-serif;}

.l{float: left;}
.r{float: right;}
.clear:after{content: "";display: block;clear: both;}
.container{width: 1080px;margin:0 auto;position: relative;}
.container-fluid{width: 100%;}
/* 浮动元素不会出现传递操作 */
#head{height: 81px;}
#head .head_logo{width: 162px;height: 44px;margin-top: 19px;}
#head .head_menu{font-size: 14px;line-height: 81px;}
#head .head_menu li{float: left;margin-left: 54px;}

.area_title{margin-top: 60px;text-align: center;}
.area_title h2{height: 20px;line-height: 20px;font-size: 20px;color: #363636;background: url(../images/title_bg.png) no-repeat center 7px;font-weight: bold;}
.area_title p{color: #9F9F9F;font-size: 14px;line-height: 14px;}

运行结果