bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
历届学生/18课程/class18_2/项目/上课项目/淘宝首页/taobao.html Normal file
View File

@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>淘宝首页</title>
<style>
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
.main {
width: 1160px;
height: 550px;
margin: 0 auto;
display: flex;
}
.l_menu {
width: 190px;
height: 100%;
display: flex;
flex-direction: column;
}
.menu_title {
height: 30px;
background: #ff5000;
font-size: 16px;
text-align: center;
line-height: 30px;
}
.l_menu ul {
flex: 1;
position: relative;
}
.l_menu ul li {
height: 34px;
align-items: center;
display: flex;
padding-left: 13px;
padding-right: 15px;
box-sizing: border-box;
justify-content: space-between;
}
.l_menu ul li:hover .dropmenu {
display: block;
}
.l_menu ul li .text {}
.l_menu ul li .text a {
color: #666;
}
.l_menu ul li span {}
.r_menu {
flex: 1;
}
.dropmenu {
width: 710px;
height: 515px;
border: 2px solid #ff5000;
box-sizing: border-box;
position: absolute;
left: 190px;
top: 0px;
display: none;
}
.dropmenu_l {
float: left;
width: 457px;
overflow-y: scroll;
height: 100%;
}
.dropmenu_r {
float: left;
width: 249px;
height: 100%;
}
</style>
</head>
<body>
<div class="main">
<div class="l_menu">
<h2 class="menu_title">主题市场</h2>
<ul>
<li>
<div class="text">
<a href="">女装</a> /
<a href="">男装</a> /
<a href="">内衣</a>
</div>
<span>></span>
<div class="dropmenu">
<div class="dropmenu_l">
<ul>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
<li>i</li>
</ul>
</div>
<div class="dropmenu_r">2</div>
</div>
</li>
<li>
<div class="text">
<a href="">女装</a> /
<a href="">男装</a> /
<a href="">内衣</a>
</div>
<span>></span>
</li>
<li>
<div class="text">
<a href="">女装</a> /
<a href="">男装</a> /
<a href="">内衣</a>
</div>
<span>></span>
</li>
</ul>
</div>
<div class="r_menu">
</div>
</div>
</body>
</html>