东湖大数据1

其他 2019-07-22 21:58:15 阅读次数: 0

*{
margin: 0;
padding: 0;


}
li{
list-style:none;
}

body{
background-color:#f9f9f9
}
/*清除a标签的下划线*/
a{
text-decoration:none;
}

header{
width:100%;
height:30px;
/*设置背景颜色*/
background-color: #f2f2f2;
border: 1px solid #ddd;
position:relative;
}

.head{
/*设他的宽为1200,然后居中元素不会跑到最右边*/
width:1200px;
/*居中*/
margin:0 auto;
}

.register, .Signin{
/*游浮动*/
float:right;
/*字体颜色设置*/
color:#999;
width: 53px;
height: 17px;
margin-top: 5px;
}

.signin{
margin-left:19px ;
}

.head span.head img{
float:left;
margin-left: 5px;
}

.toubu{
width: 1400px;
margin: 0 auto;
height: 120px;
}

.toubu>div {
float: left
}

.toubu {
/*定位 上 右*/
margin: 33px 0 0 193px;

}

.logo{
margin-left: 150px;
width: 200px;
height: 100px;
margin-top: 32px;

}

.bozi input{

outline: none;
border: 2px solid #15aafb;
widows: 412px;
height: 23px;
font-size:14px;
padding: 10px 206px 5px 15px;
/*color: #000;*/
/*向右浮动*/
float: left;
}

.bozi>a img .bozi>a span, .bozi a,.bozi{
float:left;
}

.bozi>a{
background-color: #15AAFB;
width: 84px;
height: 36px;
color: #fff;
padding:3px 14px;
}
.bozi{
margin-top: 39px;
margin-left: 193px;
}

.bozi a samp {

font-size:20px;
margin-left:4px

}

.bozi img{
margin-top: 8px;
}

.shangchaun{
width:120px ;
height: 38px;
border: 2px solid #15aafb;
/*在css里设置背景图片*/
background-image: url(../img/45_05.png);
/*背景图片不平铺*/
background-repeat: no-repeat;
/* 背景图片定位*/
background-position: 23px 9px;
/*背景颜色*/
background-color: #15AAFB;
margin-top: 39px;
margin-left: 200px;
border-radius:5px;


}

.shangchaun a {
margin-left: 48px;
line-height:38px;
font-size:14px;
color: #fefefe;


}
.shangchaun img{
margin-top:5px;
margin-left:20px;

}
/*设置背景颜色变幻*/
.shangchaun:hover{
background-color: #0672d7;
}

nav{
width:100%;
min-width: 1200px;
height:60px;
background-color: #086fd1;
}

nav a:hover{
background-color:#0c59c1;
color: #F9F9F9;
}

nav a{
float:left;
width: 110px;
height: 60px;
font-size: 19px;
text-align:center;
color: #fff;
display:inline-block;
line-height:60px;

}

nav ul{
width:70;
height: 45;
margin-left:380px;

}

.main li {
float:left;

}

.main a {
color: #392f25;
}

.main ul{
margin-left: 350px;
}

section{
width:1200px;
height:350px;
background-color:#fff;
margin-left:350px;

}

section a{
display:inline-block;
padding:2px 0px 2px 0px;
background-color: #FFFFFF;
}

section a:hover{
background-color: #0C59C1;
color:#fff;
}


.bozi li{
width: 80px;
height: 40px;
position:relative;
left:-180px;

}
.lan a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center
}

.bozi1 li{
width: 80px;
height: 40px;
position:relative;
left:12px;
}

.lan1 a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center

}

.bozi2 li{
width:80px;
height:40px;
position:relative;
left:12px;

}
.lan2 a{
display:inline-block;
width:55px;
height:25px;
background-color:#15AAFB ;
color:#FFFFFF;
text-align:center;
}
.bozi3 li{
width:80px;
height:40px;
position:relative;
left:12px;

}
.lan3 a{
display:inline-block;
width: 55px;
height:25px;
background-color:#15aafb;
color:#FFFFFF;
text-align:center;

}

.bozi4 li{
width:80px;
height:40px;
position:relative;
left:12px;

}
.lan4 a {
display:inline-block;
width: 55px;
height:25px;
background-color:#15aafb;
color:#FFFFFF;
text-align:center;

}


.lan5 a{
display:inline-block;
width: 55px;
height: 25px;
border: 1px solid #15aafb;
text-align: center;
}

.kuai{
width:150px;
height:50px;
background-color:#fff;
text-align: center;
margin-left: 350px;
line-height:50px;
}
.kuai a{
/*设置A标签的长宽*/
display:inline-block;
width:150px;
height:50px;

}
.kuai1{
width:150px;
height:50px;
background-color:#eee;
text-align: center;
border-radius:5px 0px;
margin-left: 500px;
margin-top: -50px;
line-height:50px;
}
.kuai1 a{
/*设置A标签的长宽*/
display:inline-block;
width:150px;
height:50px;
}

.kuai1 a:hover{
background-color:#fff;
}
article{
width:1200px;
position:absolute;
left:350px;
height:1087px;
background-color:#fff;
}


.lik {
width:240px;
height:70px;
background-color: #15AAFB;
text-align:center;
margin-top:25px;
margin-left: 45px;
}

.lik a{
position:absolute;
top:50px;
left:135px;

}
.lik img{
position:absolute;
left:155px;

}

.lik1{
width:136px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:286px;
}
.lik:hover{
background-color: #0C59C1;
}
.lik1:hover{
background-color: #0C59C1;
}
.lik2:hover{
background-color: #0C59C1;
}
.lik3:hover{
background-color: #0C59C1;
}
.lik4:hover{
background-color: #0C59C1;
}
.lik5:hover{
background-color: #0C59C1;
}
.lik6:hover{
background-color: #0C59C1;
}
.lik1 img{
position:absolute;
left:346px;

}

.lik1 a{
position:absolute;
top:50px;
left:338px;
}
.lik2{
width:106px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:423px;
}
.lik2 img{
position:absolute;
left:468px;
}
.lik2 a{
position:absolute;
top:50px;
left:447px;
}
.lik3 {
width:210px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:530px;
}
.lik3 img{
position:absolute;
left:620px;
}
.lik3 a{
position:absolute;
top:50px;
left:600px;
}
.lik4{
width:102px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:741px;
}

.lik4 img{
position:absolute;
left:782px;
}
.lik4 a{
position:absolute;
top:50px;
left:762px;

}
.lik5{
width:196px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:844px;
}
.lik5 a{
position:absolute;
top:50px;
left:910px;
}
.lik5 img {
position:absolute;
left:930px;
}
.lik6{
width:119px;
height:70px;
background-color:#15AAFB;
margin-top:-70px;
margin-left:1041px;

}
.lik6 a{
position:absolute;
top:50px;
left:1085px;
}
.lik6 img{
position:absolute;
left:1090px;

}
.lik7 a{
display:inline-block;
color: #FFFFFF;
margin-top:10px;
}

.lik7 img{
margin-top:12px;
}
.lik7 div{
}

.shishi{
width: 0px;
height: 80px;
}


.frame1{
width:240px;
height:70px;
/*border: 1px solid #ddd; */
margin-left: 45px;
line-height:36px;

}

.frame2{
width:136px;
height:70px;
/*border:1px solid #ddd;*/
margin-top:-64px;
margin-left:286px;
text-align:center;
line-height:70px;
}
.frame3{
width:106px;
height:70px;
/*border:1px solid #ddd; */
text-align:center;
margin-top:-69px;
margin-left:423px;
line-height:70px;
}
.frame4{
width:210px;
height:70px;
/*border: 1px solid #ddd*/;
margin-top:-72px;
margin-left:530px;
line-height:35px;
}
.frame5{
width:102px;
height:70px;
/*border: 1px solid #ddd; */
margin-top:-68px;
margin-left:741px;
text-align:center;

}
.frame6{
width:196px;
height:70px;
/*border: 1px solid #ddd; */

margin-top:-117px;

margin-left:844px;
text-align:center;

}
.frame6 img{
margin-top:50px;

}
.frame7{
width:119px;
height:70px;
/*border: 1px solid #ddd; */
margin-top:-67px;
margin-left:1041px;


}
.frame7 a{
display:inline-block;
width:100px;
height:35px;
border: 1px solid #15AAFB;
margin-left:10px;
margin-top:10px;
border-radius:5px;
/*设置文字左右居中*/
text-align:center;
/*设置文字上下居中*/
line-height:35px;

}
.frame7 a:hover{
background-color:#15AAFB;
}
.Whole p{
color:#f7ab00;

}
.frame8{
width:240px;
height:70px;
/*border: 1px solid ##15AAFB;*/
margin-top:0px;
margin-left:45px;
line-height:70px;
}

.pa{
margin-left:240px;
margin-top:25px;
}
.pa a{
text-align: center;
line-height:30px;
display: inline-block;
width: 30px;
height: 30px;
background-color: #eee;
}
.pa a:hover{
background-color: #15AAFB;
}
#lan{
width:90px;

}
#sur{
width:70px;
}
.pa input{
width:30px;
}

footer{
width:100%;
min-width: 1600px;
height: 350px;
margin-top: 1130px ;
background-color:#212930;
}
.top{
width:100%;
min-width: 1600px;
height: 300px;
}
.bot{
width:100%;
min-width: 1600px;
height: 50px;
background-color:#1c2227;
line-height:50px;
}
.bot p{
color: #999999;
text-align:center;
}
.tr1{
color: #fff;
font-size: 18px;
}
.tr2{
color: #7a889c;
}
.top table{
margin: 0 auto;
}
.td1{
width: 400px;
height: 80px;
}
.td2{
width: 300px;
height: 80px;
}
.td3{
width: 200px;
height: 80px;
}
.top a{
color: #7a889c;
}

.tr1_word{
margin: -30px 0 0 36px;
position: absolute;
}
.td3_word{
position: absolute;
margin: -40px 0 0 40px;
}
.td1_word{
position: absolute;
margin: -22px 0 0 25px;
}
.td2_word{
position: absolute;
margin: -25px 0 0 24px;
}
.td4_word{
position: absolute;
margin: -27px 0 0 38px;
}
.t1{
position: absolute;
margin: -70px 0 0 44px;

}


.fixed_1{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image:url(../img/79_10.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 360px 0;
border-radius: 50px;
background-position: 6px 12px;
}
.fixed_2{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/79_08.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 430px 0;
border-radius: 50px;
background-position: 6px 15px;
}.fixed_3{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/79_06.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 500px 0;
border-radius: 50px;
background-position: 6px 9px;
}.fixed_4{
width: 50px;
height: 50px;
background-color: #15AAFB;
background-image: url(../img/fixed_1.png);
background-repeat: no-repeat;
position: fixed;
bottom: 0;
right: 0;
margin: 0 10px 570px 0;
border-radius: 50px;
background-position: 5px 16px;
}

猜你喜欢

转载自www.cnblogs.com/jiangquhan/p/11228599.html
今日推荐
周排行
四大线程池详解
如何高效使用Vim
Mogodb的常用操作总结
Spyder默认页面布局调整
SAR日志分析
OAuth是一个关于授权（authorization）的开放网络标准，在全世界得到广泛应用，目前的版本是2.0版。 本文对OAuth 2.0的设计思路和运行流程，做一个简明通俗的解释，主要参考材料为R
WebService中注解开发，CXF，Spring整合，Rest风格
2019考研英语一 Text1分析
windows下安装docker详细步骤
CentOS 7/6系统升级内核版本到5.2.2
每日归档
更多
2024-08-05(0)
2024-08-04(0)
2024-08-03(0)
2024-08-02(0)
2024-08-01(0)
2024-07-31(0)
2024-07-30(0)
2024-07-29(0)
2024-07-28(0)
2024-07-27(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022