自己个人网页代码

html部分

    
    
    
    




    

        
大连
        
简介
        
美景
        
美食
        
美女
        
![](img/timg.jpg)
    





    ![](img/ball.jpg)




 
    
大连简介
    

        

            
01.大连，位于中国辽东半岛最南端，是中国东部沿海重要的经济、贸易、港口、工业、旅游城市。
            
02.大连市位于北半球的暖温带地区，具有海洋性特点的暖温带大陆性季风气候，是东北地区最温暖的地方，冬无严寒，夏无酷暑，四季分明。
            
03.大连有“东北之窗”“ 北方明珠 ”“浪漫之都”之称。大连宜居指数在全国40个城市中排名第四
            
04.大连市共辖7个涉农区市县，包括庄河、普兰店、瓦房店市，金州、甘井子、旅顺口区和长海县，还有高新园区、保税区、长兴岛开发区、花园口经济区等4个国家级对外开放先导区
        
    






    
美丽大连，美丽景色
    
Beautiful DL,Beautiful VIEW
    

        

            ![](view/view1.jpg)
            金石狩猎俱乐部
        
        

            ![](view/view2.jpg)
            圣谷美地漂流
        
        

            ![](view/view3.jpg)
            林海滑雪场
        
        

            ![](view/view4.jpg)
            苏军烈士陵园
        
        

            ![](view/view5.jpg)
            旅顺海军兵器馆
        
        

            ![](view/view6.jpg)
            龙塘水库樱花园
        
    





    
美丽大连，美食天下
    
Beautiful DL,Delicious FOOD
    

        

            ![](food/food1.jpg)
            深海野生鲍鱼
        
        

            ![](food/food2.jpg)
            天然大飞蟹
        
        

            ![](food/food3.jpg)
            野生滋补海参
        
        

            ![](food/food4.jpg)
            新鲜大扇贝
        
        

            ![](food/food5.jpg)
            蚬子，肉串
        
        

            ![](food/food6.jpg)
            海鱼烧烤
        
    





    
美丽大连，盛产美女
    
Beautiful DL,Gorgeous WOMEN
    

        

            ![](women/women1.jpg)
            美女人民教师
        
        

            ![](women/women2.jpg)
            美女银行行员
        
        

            ![](women/women3.jpg)
            美女大学生
        
        

            ![](women/women4.jpg)
            修炼自我的必修课
        
        

            ![](women/women5.jpg)
            最美空姐
        
        

            ![](women/women6.jpg)
            帅气的女子军队
        
    





        

            

                
                
            
            

                
大连发现王国
                
大连星海广场
                
大连老虎滩
            
        
        

            
首页
            
简介
            
地图
            
四季
            
导游
            
四季
            
导游
            
地图
            
地图
            
地图
            
地图
            
地图
        
        

            
美景
            

            
庄河
            
普兰店
            
金州
            
甘井子
            
瓦房店市
            
旅顺口区
            
长海县
            
高新园区
            
保税区
            
长兴岛开发区
            
花园口经济区
        
        

            
美食
            
海参
            
鲍鱼
            
海鱼
            
蚬子
            
扇贝
            
螃蟹
            
鱿鱼
            
螃蟹
            
大虾
        
        

            
美女
            
董洁
            
孙莉
            
余男
            
娄艺潇
            
林鹏
            
韩雯雯
            
金玫玫
            
韩雯雯
            
娄艺潇
            
韩雯雯
        
        

            
支持
            
客服中心
            
帮助中心
        
        

            
分类
            
美丽大连
            
美丽大连
            
美丽大连
            
美丽大连
            
美丽大连
        
        

css部分

@charset "utf-8";
/*公共部分 start*/
a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/*公共部分 end*/


/*头部 start*/
.nav{
    width: 1440x;
    height: 90px;
    background-color: #cef0ef;
}
.nav ul{
    padding-top: 30px;
    margin-left: 100px;
}
.nav li a{
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
    color: #666;
    float: left;
}
.nav li.dl a{
    font-size: 30px;
    font-family: '楷书';
    font-weight: bold;
    color: #332626;
}
.nav li img{
    width: 160px;
    height: 50px;
    float: right;
    padding-right: 40px;
    padding-bottom: 10px;
}
/*头部 end*/


/*大图 start*/
.ball img{
    width: 1360px;
    height: 500px;
}
/*大图 end*/


/*简介 start*/
.summary{
    width: 1360px;
    height: 180px;
    background-color: #cef0ef;
    position:relative;
}
.summary h2{
    width: 1330px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    font-family: '楷书';
    position:absolute;
    top: 10px;
    left: 15px;
}
.summary ul{
    padding-top: 50px;
    padding-left: 30px;
}
.summary li{
    height: 30px;
    line-height: 30px;
}
.summary li span{
    display:inline-block;
    width: 20px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #666;
}
/*简介 end*/


/*美景 start*/
.view{
    height: 800px;
    padding-top: 20px;
    background: #cef0ef;
    border-top: 1px dashed #666;
    padding-bottom: 10px;
}
.view h2{
    width: 1330px;
    height: 60px;
    line-height: 100px;
    font-size: 50px;
    font-family: '楷体';
    text-align: center;
    padding-bottom: 15px;
}
.view ul{

}
.view li{
    float: left;
    position: relative;
}
.view ul img{
    width: 430px;
    height: 300px;
    border: 3px solid #ddd;
    padding: 7px;
}
.view ul a{
    display:inline-block;
}
.view li a.dl{
    position:absolute;
    right: 12px;
    bottom: 10px;
    font-size: 20px;
    color: white;
    background: black;
    opacity: 0.6;
}
.view a:hover img{
    border-color:#02a1d9;
}
/*美景 end*/


/*美食 start*/
.food{
    height: 800px;
    padding-top: 20px;
    background: #cef0ef;
    padding-bottom: 10px;
}
.food h2{
    width: 1330px;
    height: 60px;
    line-height: 100px;
    font-size: 50px;
    font-family: '楷体';
    text-align: center;
    padding-bottom: 15px;
}
.food ul{

}
.food li{
    float: left;
    position: relative;
}
.food ul img{
    width: 430px;
    height: 300px;
    border: 3px solid #ddd;
    padding: 7px;
}
.food ul a{
    display:inline-block;
}
.food li a.dl{
    position:absolute;
    right: 12px;
    bottom: 10px;
    font-size: 20px;
    color: white;
    background: black;
    opacity: 0.6;
}
.food a:hover img{
    border-color:#02a1d9;
}
/*美食 end*/

/*美女 start*/
.women{
    height: 800px;
    padding-top: 20px;
    background: #cef0ef;
    padding-bottom: 10px;
}
.women h2{
    width: 1330px;
    height: 60px;
    line-height: 100px;
    font-size: 50px;
    font-family: '楷体';
    text-align: center;
    padding-bottom: 15px;
}
.women ul{

}
.women li{
    float: left;
    position: relative;
}
.women ul img{
    width: 430px;
    height: 300px;
    border: 3px solid #ddd;
    padding: 7px;
}
.women ul a{
    display:inline-block;
}
.women li a.dl{
    position:absolute;
    right: 12px;
    bottom: 10px;
    font-size: 20px;
    color: white;
    background: black;
    opacity: 0.6;
}
.women a:hover img{
    border-color:#02a1d9;
}
/*美女 end*/

/*页脚 start*/
.footer form{
    width:394px;
    height:27px;
    border:3px solid #eeeeee;
}
.q{
    width:320px;
    height:25px;
    line-height:25px;
    border:1px solid #babebf;
    border-right:0 none;
    outline:none;
    color:#999999;
    padding-left:5px;
    float:left;
}
.search-btn{
    width:68px;
    height:27px;
    background:url(../images1/headerpage.png) 0px -36px;
    outline:none;
    border:0 none;
    color:black;
    font-size:14px;
    font-weight:bold;
    float:left;
}
.search p{
    height:68px;
    text-align: right;
    padding-top:40px;
    color:#e6e6e6;
    line-height:20px;
}
.footer{
    height: 200px;
    padding-top:15px;
    padding-top:25px;
    padding-left: 60px;
    background: #cef0ef;
}
.footer fieldset{
    margin-left:260px;
    margin-bottom:16px;
}
.footer ul li{
    line-height:27px;
    float:left;
    display: inline;
}
.footer ul li a{
    font-size: 12px;
    color:#a9a9a9;
    margin:0 8px;
}
.footer dl{
    height: 82px;
    width:200px;
    padding-left:20px;
    border-right: 1px solid #dddddd;
    float: left;
    display:inline;
}
.footer dt{
    line-height: 30px;
    color:#666666;
    font-weight: bold;
}
.footer dd{
    line-height: 22px;
    margin-right:10px;
    float: left;
    display:inline;
    white-space:nowrap;/*禁止文字换行*/
}
.footer dd a{
    font-size: 12px;
}
.footer .category{
    width:180px;
}
.footer .app{
    width:235px;
}
.footer .support{
    width:60px;
}
.footer .about-us{
    width:197px;
    border:0 none;
}
/*页脚 end*/