111【数据库考试吧】

数据库考试吧关注：28贴子：174

1回复贴，共1页

111

.body {
width: 1920px;
height: 1200px;
background-color: #f3f5f7;
}
/*头部*/
.head {
width: 1920px;
height: 83px;
background: url(../images/common-head.jpg);
margin-bottom: 26px;
}
.head-lr {
width: 1200px;
margin: 0 auto;
}
.head-left {
float: left;
line-height: 83px;
margin-left: 5px;
margin-top: 17px;
}
.head-right-name,
.head-right-iteams {
float: right;
}
.head-right-iteams {
font-size: 18px;
font-family: "微软雅黑";
line-height: 83px;
}
.head-right-iteams a {
padding: 30px 18px;
color: #FFFFFF;
}
.head-right-iteams a:hover {
background-color: #1d3768;
color: #FFFFFF;
}
.head-right-name a {
font-family: "微软雅黑";
font-size: 14px;
color: #92bff8;
}
.head-right-name img {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 8px;
}
/*中部*/
.mid {
width: 1200px;
height: 41px;
margin: 0 auto;
margin-bottom: 26px;
}
.mid-top {
float: left;
width: 1200px;
height: 41px;
background-color: #FFFFFF;
}
.mid-top-iteams {
float: left;
line-height: 41px;
font-family: "微软雅黑";
font-size: 14px;
}
.mid-top-iteams.api {
color: #09a9f1;
}
.mid-top-iteams.p img {
margin-left: 20px;
margin-top: 12px;
}
.mid-top-iteams {
margin-right: 5px;
}
/*中部二*/
.mid-mid {
width: 1200px;
height: 64px;
background-color: #FFFFFF;
margin: 0 auto;
margin-bottom: 26px;
}
.mid-mid-iteams {
float: left;
width: 60px;;
background: url(../images/category-bg.jpg) ;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding: 6px 0;
}
.mid-mid-iteams-1 {
float: left;
font-size: 16px;
line-height: 64px;
margin-left: 50px;
}
.mid-mid-iteams-1 a {
color: #333333;
text-align: center;
}
/*中部三*/
.mid-last {
width: 1200px;
height: 762px;
background-color: #FFFFFF;
margin: 0 auto;
}
.mid-last-top {
height: 68px;
width: 1200;
margin-top: 20px;
}
.mid-last-top-iteams {
float: left;
line-height: 68px;
margin-left: 20px;
}
.select {
width: 90px;
height: 28px;
}

送TA礼物

IP属地:天津

1楼2017-12-19 11:35回复

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="renderer" content="webkit">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/jquery-1.11.0.min.js"></script>
<title>天津出入境检验检疫局信息资源共享平台</title>
</head>
<body class="body">

<div class="head">
<div class="head-lr">
<div class="head-left">
<img src="images/logo.png"/>
</div>
<div class="head-right">
<ul>
<li class="head-right-name">
<a><img src="images/icon-person.png" /><p>欢迎您！张三</p> </a>
</li>
<li class="head-right-iteams">
<a href="#">反馈</a>
</li>
<li class="head-right-iteams">
<a href="#">API</a>
</li>
<li class="head-right-iteams">
<a href="#">处室</a>
</li>
<li class="head-right-iteams">
<a href="#">职能</a>
</li>
<li class="head-right-iteams">
<a href="#">目录</a>
</li>
<li class="head-right-iteams">
<a href="#">首页</a>
</li>
</ul>
</div>
</div>
</div>

<div class="mid">
<div class="mid-top">
<ul class="mid-top-iteams">
<li class="mid-top-iteams p">
<a><img src="images/location.png"/></a>
</li>
<li class="mid-top-iteams">
<a>当前位置：</a>
</li>
<li class="mid-top-iteams sy">
<a>首页</a>
</li>
<li class="mid-top-iteams">
<a>/</a>
</li>
<li class="mid-top-iteams api">
<a>API</a>
</li>
</ul>
</div>
</div>

<div class="mid-mid">
<ul class="mid-mid-iteams">
<li class="mid-mid-iteams a">
<a>服务分类</a>
</li>
</ul>
<ul class="mid-mid-iteams-1">
<li class="mid-mid-iteams-1">
<a href="#">全部</a>
</li>
<li class="mid-mid-iteams-1 1">
<a href="#">服务分类一</a>
</li>
<li class="mid-mid-iteams-1">
<a href="#">服务分类二</a>
</li>
<li class="mid-mid-iteams-1">
<a href="#">服务分类三</a>
</li>
<li class="mid-mid-iteams-1">
<a href="#">服务分类四</a>
</li>
<li class="mid-mid-iteams-1">
<a href="#">服务分类五</a>
</li>
</ul>
</div>

<div class="mid-last">
<div class="mid-last-top">
<ul class="mid-last-top-iteams">
<li class="mid-last-top-iteams">
<a>排序方式：</a><select class="select"><option value="最新">最新</option><option value="最热">最热</option></select>
</li>
</ul>
</div>
<div class="footer-main">
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>

IP属地:天津

2楼2017-12-19 11:35

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

1回复贴，共1页

<返回数据库考试吧

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴

日	一	二	三	四	五	六

111

登录百度账号

扫二维码下载贴吧客户端