• DW 美食css


    /* CSS Document */
    
    .allbody {
    	position:absolute;
    	margin:auto;
    	  100%;
    	height: 100%;
    	z-index: 1;
    	background-color:#FFF;
    	text-align:center;
    	vertical-align:middle;
    	font-size:18px;	
    }
    #logobiaoti{
    	position:relative;
    	margin:auto;
    	top:0px;
    	left:0px;
    	 960px;
    	height: 50px;
    	z-index: 1;
    	background-color:#3F3;
    }
    #bgnav {
    	position:relative;
    	margin:auto;
    	top:0px;
    	left:0px;
    	 960px;
    	height: 50px;
    	z-index: 1;
    	background-color:#fff;
    }
    .daohang {
    	position: relative;
    	float:left;
    	 160px;
    	height: 50px;
    	z-index: 1;
    	line-height:10px;
    	font:bold 17px "微软雅黑" ;
    	line-height:10px;
    	border-top:solid 1px #000000;
    	border-bottom:solid 1px #000000;
    	
    }
    .guntu{
    	position:absolute;
    	top:50px;
    	960px;
    	height:400px;
    	z-index: 2;
    	background:#0F9
    	}
    .wenzi{
    	position:absolute;
    	top:400px;
    	960px;
    	height:100px;
    	z-index:3;
    	background:#FFC;
    	text-align:left
    }
    	
    
    		
    .beijing{
    	position:absolute;
    	top:100px;
    	960px;
    	height:50px;
    	z-index:2;
    	background:#F39;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/13610%E5%89%AF%E6%9C%AC.jpg)
    	
    	}
    	
    .beitu{
    	position:relative;
    	top:50px;
    	960px;
    	height:350px;
    	z-index:2;
    	background:#900;
    	}
    	.xiaotubeijing{
    		position:absolute;
    		left:10px;
    		top:5px;
    		940px;
    		height:340px;
    		z-index: 3;
    		background:#FFF;			
    		}
    .ldgwz{
    	position:absolute;
    	top:40px;
    	left:10px;
    	300px;
    	height:250px;
    	z-index:4;
    	background:#FFF;
    	text-align:left
    	}
    	.ldgzy{
    		position:absolute;
    		top:40px;
    		left:320px;
    		200px;
    		height:250px;
    		z-index:5;
    		background:#FFF;
    		text-align:left;}
    		
    .ldgtu{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj6.jpg)
    	
    	
    	}
    	.ldgtu2{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/bj7.jpg)
    		}
    	.ldgtu3{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh1.jpg)
    	
    	
    	}
    	.ldgtu4{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sh2.jpg)
    	}
    	.ldgtu5{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc3.jpg)
    	
    	
    	}
    	.ldgtu6{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/sc5.jpg)
    	}
    		
    .guoji{
    	position:absolute;
    	margin:auto;
    	top:1650px;
    	960px;
    	height:50px;
    	z-index:2;
    	background:#F39;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151026143610%E5%89%AF%E6%9C%AC.jpg)
    	}
    	.guotu{
    	position:relative;
    	top:50px;
    	960px;
    	height:350px;
    	z-index:2;
    	background:#900;
    	}
    	.xiaotuguoji{
    		position:absolute;
    		left:10px;
    		top:5px;
    		940px;
    		height:340px;
    		z-index: 3;
    		background:#FFF;			
    		}
    		.guojiwz{
    	position:absolute;
    	top:40px;
    	left:10px;
    	300px;
    	height:250px;
    	z-index:4;
    	background:#FFF;
    	text-align:left
    	}
    	.guojizy{
    		position:absolute;
    		top:40px;
    		left:320px;
    		200px;
    		height:250px;
    		z-index:5;
    		background:#FFF;
    		text-align:left;}
    		.gjtu{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151757.jpg);
    	}
    	.gjtu2{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/QQ%E5%9B%BE%E7%89%8720151028151803.jpg);
    		
    		}
    		.gjtu3{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/103548_kaudkadu_1a3161944b011f6fa77397747004af50.jpg)
    	
    	
    	}
    	.gjtu4{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/f3d3572c11dfa9ec3b1a104e67d0f703918fc1b7.jpg)
    		}
    		.gjtu5{
    	position:relative;
    	top:40px;
    	left:530px;
    	190px;
    	height:250px;
    	z-index:6;
    	background:#000;
    	background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=2294871669,1079518425&fm=21&gp=0.jpg)
    	
    	
    	}
    	.gjtu6{
    		position:absolute;
    		top:40px;
    		left:730px;
    		190px;
    		height:250px;
    		z-index: 2;
    		background:#999;
    		background:url(%E5%9B%BE%E7%89%87/%E7%BE%8E%E9%A3%9F/u=1074724258,2115065946&fm=21&gp=0.jpg)
    		}
    		.dibu{
    			position:absolute;
    			
    			top:350px;
    			960px;
    			height:20px;
    			z-index:2;
    			background:#FFF;
    			}
    			.maodian{
    				position:fixed;
    				left:90%;
    				top:85%;
    				100px;
    				height:100px;
    				background:#fff;
    				}
    				.wangzhan{
    					position:fixed;
    					left:0px;
    					top:50%;
    					203px;
    					height:250px;
    					background:#fff;
    					
    					}
    					.guanggao{
    						position:fixed;
    						right:0px;
    						top:20%;
    						165px;
    						height:250px;
    						background:#000;
    						}
    
    img{border:0}/* css 注释说明:设置图片边框为0 */ 
    
    .guanggao{ position:fixed;165px; height:250px;} 
    .guanggao a,.guanggao span{display:none; text-decoration:none}
    .guanggao:hover{cursor:pointer} 
    .guanggao:hover a.now{cursor:pointer; position:absolute; top:0; 100%; height:100%;
     z-index:100; left:0; display:block;}
    .guanggao:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;165px; 
    z-index:10;height:90px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}
    /* 设置显示文字定位位置,背景半透明 */ 
     
    
    
    						a:link{
    	color:#000;
    	text-decoration:none;	
    }
    a:visited{
    	color:#000;
    	text-decoration:none;
    }
    a:hover{
    	color:#000;
    	text-decoration:none;
    }
    
    #shangbiaoti {
    	position:relative;
    	margin:auto;
    	top:0px;
    	left:0px;
    	 960px;
    	height: 50px;
    	z-index: 1;
    }
    #logo{
    	position:relative;
    	height:50px;
    	150px;
    	z-index: 1;
    }
    #denglu{
    	position: relative;
    	height: 50px;
    	 810px;
    	top:-50px;
    	left:150px;
    	z-index: 2;
    	line-height:100px;
    	font:bold 14px "微软雅黑" ;
    	text-align:right;
    	line-height:65px;
    }
    #zhuce {
    	position:relative;
    	margin:auto;
    	top:0px;
    	left:0px;
    	 960px;
    	height: 300px;
    	z-index: 1;
    	background-color:#FFF;
    }
    

      

  • 相关阅读:
    Linux 时间同步 03 ntpdate时间同步
    Linux 时间同步 04 ntp时间同步
    Linux 时间同步 02 ntpd、ntpdate的区别
    Linux 时间同步 05 chrony时间同步
    极限编程的12个实践原则
    需要继续理解的
    java的动态代理机制详解
    动态代理详解(一)应用示例
    动态代理详解(二)原理解析
    说说Java代理模式
  • 原文地址:https://www.cnblogs.com/zhuxu/p/4932099.html
Copyright © 2020-2023  润新知