小米网页练习-CSDN博客

本文链接：https://blog.csdn.net/2301_80188692/article/details/134717951

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

*{margin:0px;

padding:0px;}

.box3{

margin-top: 20px; }

.box3 li{

text-align: center;

list-style: none;

display: inline-block;

width: 100px;

height: 20px;

}

.box2{ background-color: aquamarine;}

text-decoration: none;

color: black;

}

.box2 li{

text-align: center;

list-style: none;

display: inline-block;

width: 100px;

height: 20px;

}

.image{

margin-top: 100px;

background-color: gold;

width: 1126px;

height: 460px;

display:flex;

}

.left{

background-color: #7fffd4;

width: 234px;

height: 460px;

display: flex;

justify-content: center;

flex-direction: column;

text-align: center;

}

.left li{

width: 234px;

height: 42px;

background-color: rgb(98, 255, 80)

}

li:hover{

background-color: darkorange;

}

.box{

padding: 10px;

}

</style>

<li><a href="#"> 小米澎湃OS |</a></li>

<li><a href="#"> 小爱开放平台|</a></li>

<li><a href="#"> 下载app |</a></li>

<li><a href="#"> Select Location</a></li>

</ul>

<li>Xiaomi手机</li>

<li>Redmi手机</li>

</ul>

<li><div class="box">笔记本平板                     ></div></li>

<li><div class="box">智能路由器                     ></div></li>

</ul>

</div>

</head>

<body>

</body>

</html>