<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>copyxiaomi</title>
<style>
* {padding: 0; margin: 0;}
/* 初始化内外边距为0*/
.main{
height: 100%;
width: 1170px;
margin:0px auto 0px auto;
}
/* 将所有的盒子放进大盒子里面,实现缩放居中 */
.top {
width: 1100px;
height: 50px;
background-color: rgb(56, 57, 58);
margin: 5px auto;
padding-left: 5px;
padding-right: 60px;
border-radius: 15px;
}
/* 定义顶部大盒子 */
.top1 a {
float: left;
width: 70px;
}
.top2 a {
float: right;
width: 70px;
margin: 0 3px;
}
.top3 a {
width: 150px;
height: 50px;
line-height: normal;
float: right;
margin: 0 20px;
border-radius: 20px;
background-color: rgb(62, 62, 61);
}
.top a {
font-size: 13px;
text-align: center;
text-decoration: none;
color: rgb(203, 199, 199);
line-height:50px;
margin: 0 auto;
}
/* 设置顶部盒子里的所有超链接盒子 ,并设置盒子里字体的颜色和位置*/
.top a:hover {
color: white;
}
/* 设置鼠标悬停样式为白色,一下都是 */
.dh {
position: absolute;
top: 55px;
width: 1166px;
height: 60px;
padding: 5px;
}
.dh0 {
position: relative;
float: left;
line-height: 60px;
}
.dh1 {
position: relative;
display: block;
padding-left: 50px;
line-height: 60px;
margin-right: 20px;
float: left;
}
.dh2 {
position: relative;
line-height: 60px;
float: right;
margin-right: 20px;
}
.dh a{
padding-left: 10px;
text-indent: 4em;
text-decoration: none;
font-size: 15px;
color:black;
}
.dh a:hover {
color: rgb(240, 83, 21);
}
.bd1 {
position: absolute;
top: 125px;
width: 1155px;
height: 350px;
left: auto;
padding: 10px;
}
.bdd1 a {
position: relative;
display: block;
text-decoration: none;
line-height: 10px;
width: 80px;
height: 15px;
background-color: rgb(161, 160, 159);
font-size: 12px;
color: white;
padding: 10px;
}
.bdd2 {
position: relative;
left: 100px;
bottom: 350px;
height: 350px;
width: 800px;
line-height: normal;
}
.bdd4 a {
position: relative;
left: 5px;
bottom: 175px;
float:left;
background-color: #b9b7b7;
height: 30px;
width: 30px;
line-height: 30px;
text-decoration: none;
text-align: center;
border-radius: 10px;
color: black;
}
.bdd5 a {
position: relative;
right: 5px;
bottom: 175px;
float: right;
background-color: #b9b7b7;
height: 30px;
width: 30px;
line-height: 30px;
text-decoration: none;
text-align: center;
border-radius: 10px;
color: black;
}
.bdd3 img {
position: relative;
left: 870px;
bottom: 700px;
height: 350px;
width: 250px;
}
.bd a:hover {
background-color: rgb(242, 104, 13);
}
.bd2 {
position: absolute;
top: 495px;
width: 1175px;
height: 290px;
left: auto;
padding: 10px 0 0 0;
/* 设置上右下左的内边距,会把盒子撑大 */
}
.bddd1 p {
position: relative;
left: 10px;
height: 280px;
width: 280px;
margin-right: 10px;
}
.bd2 p a {
position: inherit;
top: 35px;
left: 5px;
float: left;
height: 100px;
width: 86px;
margin: 2px;
}
.bd2 p a:hover {
color: aliceblue;
}
.bddd2 a {
position: relative;
left: 300px;
float: left;
bottom: 280px;
height: 280px;
width: 280px;
margin-right: 10px;
}
.btm {
position: absolute;
top: 830px;
height: 130px;
width: 1175px;
}
.food {
padding-top: 5px;
padding-left: 6px;
position: absolute;
top: 980px;
height: 500px;
width: 1175px;
}
.f1 a {
text-align: center;
line-height: 50px;
text-decoration: none;
background-color: rgb(184, 235, 140);
color: #000;
position: relative;
float: left;
height: 50px;
width: 285px;
margin-right: 5px;
border-radius: 20px;
}
.f2 {
float: left;
top: 8px;
height: 5px;
}
.f3 {
top: 80px;
height: 60px;
width: 1155px;
}
.f3 p {
bottom: 50px;
position: relative;
display: block;
padding-left: 50px;
line-height: 60px;
margin: auto 50px;
float: left;
}
.f4 {
top: 50px;
left: 80px;
height: 350px;
width: 100px;
float: left;
text-align: center;
}
.f4 a {
position: relative;
display: block;
text-decoration: none;
line-height: 20px;
width: 80px;
height: 10px;
font-size: 15px;
color: #000;
padding: 10px;
}
.f5 {
top: 50px;
left: 190px;
height: 350px;
width: 110px;
float: left;
text-align: center;
}
.f5 a {
position: relative;
display: block;
text-decoration: none;
line-height: 20px;
width: 80px;
height: 10px;
font-size: 15px;
color: #000;
padding: 10px;
}
.f6 {
top: 50px;
left: 310px;
height: 350px;
width: 100px;
float: left;
text-align: center;
}
.f6 a {
position: relative;
display: block;
text-decoration: none;
line-height: 20px;
width: 80px;
height: 10px;
font-size: 15px;
color: #000;
padding: 10px;
飘啊飘个暖
- 粉丝: 18
- 资源: 1
最新资源
- 使用 LZW 算法压缩 2D 图像Matlab代码.rar
- 使用 Lipschitz 常数学习 Lyapunov 函数Matlab代码.rar
- 使用 LevelSet 算法进行肝脏分割Matlab代码.rar
- 使用 Total Vairation 正则化进行图像去模糊Matlab代码.rar
- 使用 Student 的 t 混合模型对点集进行稳健的分组配准Matlab代码.rar
- 使用 optical flow block 迭代启用刚性和非刚性图像配准Matlab代码.rar
- 使用DCT、量化、锯齿形重新排序和JPEG标准的运行级编码进行图像编码_解码MATLAAB代码.rar
- 使用 Wiener Filter 过滤声音信号Matlab代码.rar
- 使用不规则放置的变换矢量执行 3D 非刚性变形Matlab代码.rar
- 使用调色板对灰度图像进行自动着色Matlab代码.rar
- 使用多类 SVM 分类器检测和分类植物叶片病害的 Matlab 代码.rar
- 使用尺度空间算法追踪微血管系统的中心线Matlab代码.rar
- 使用傅里叶切片定理(而不是过滤的反向投影)进行重建的Matlab实验。.rar
- 使用改进的 MI 内核自动 2D 刚性配准Matlab代码.rar
- 使用恶魔(流体)算法进行非刚性 2D 和 3D 图像配准Matlab代码.rar
- 使用互相关查找图像之间的位移Matlab代码.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈