11.23作业

最新推荐文章于 2024-11-08 16:59:14 发布

2301_80617116

最新推荐文章于 2024-11-08 16:59:14 发布

阅读量474

点赞数 9

文章标签： css

本文链接：https://blog.csdn.net/2301_80617116/article/details/134756162

版权

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</div>

</div>

<ul>

<li><a href="#">Xiaomi手机</a></li>

</ul>

</div>

</div>

<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72d2f359aa032bc5f6372b3022b39a92.jpg?thumb=1&w=1269&h=476&f=webp&q=90"

alt="" width="1226px">

<ul>

</ul></div>

<ul>

</ul></div>

<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&h=340"

alt=""width="316px">

<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&h=340"

alt=""width="316px">

<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&h=340"

alt=""width="316px">

</body>

</html>

margin: 0;

padding: 0;

}

text-decoration: none;

}

li {

list-style: none;

}

.shang1{

height: 40px;

background-color: #333;

line-height: 40px;

}

.shang2{

width: 1226px;

margin: 0 anto;

}

.shang1 .shang2{

display:flex;

justify-content: space-between;

align-items: center;

}

.shang1 a{

font-size: 12px;

color: #b0b0b0;

}

.zhong1{

}

.shang1 span{

color: #424242;

margin: 0 3px;

}

.zhong1{

height: 100px;

line-height: 100px;

}

.zhong1.zhong2{

display:flex;

justify-content: space-between;

align-items: center;

}

.zhong1-left{

width: 56px;

height: 56px;

background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png) no-repeat;

background-size: 56px;

}

.zhong1-center ul {

width: 700px;

display: flex;

justify-content: space-between;

}

.zhong1-center ul li a {

font-size: 16px;

color: #333;

}

.zhong1-right {

position: relative;

width: 300px;

height: 50px;

}

.zhong1-right input {

position: absolute;

top: 0;

outline: none;

width: 245px;

height: 50px;

border: 1px solid #e0e0e0;

}

.zhong1-right button {

position: absolute;

top: 0;

right: 0;

width: 52px;

height: 51px;

border: 1px solid #e0e0e0;

}

.zhong3 .zhong4 {

position: relative;

}

.zhong3 ul {

position: absolute;

top: 0;

left: 0;

width: 234px;

height: 460px;

background: rgba(105, 101, 101, .6);

padding: 20px 30px;

}

.zhong3 ul li {

height: 42px;

}

.zhong3 ul li a {

color: #FFFFFF;

font-size: 14px;

}

.xia1 {

margin: 0;

padding: 3px;

list-style-type: none;

font-size: 12px;

text-align: center;

background: #5f5750;

width: 234px;

height: 170px;

position: absolute;

}

.xia1 ul li a{

list-style: none;

text-decoration: none;

color:#FFFFFF;

display: flex;

justify-content: space-between;

}

.xia-right{

display: block;

width: 316px;

height: 170px;

display: flex;

right: 0;

}