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

    
    
    
    
    
    


    

        

            
                
            
        
        

            

                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
            
        
    
    

        

            
最新资讯
            
TEN LATEST NEWS
        
        

            

               
            
            

                

                    

                        

                            09
                            jan
                        
                        

                            
网站排名前三的技巧说明
                            
我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣
                        
                    
                    

                        

                            09
                            jan
                        
                        

                            
网站排名前三的技巧说明
                            
我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣
                        
                    
                    

                        

                            09
                            jan
                        
                        

                            
网站排名前三的技巧说明
                            
我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣
                        
                    
                    

                        

                            09
                            jan
                        
                        

                            
网站排名前三的技巧说明
                            
我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣我是歌谣
                        
                    
                
            
        
    

运行结果

*{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;}

运行结果