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

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/two/houtui.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

137
历届学生/fontendsix/项目练习/学生项目/陶瑞/two/menu.html Normal file
View File

@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>侧展菜单</title>
<style>
li {
list-style: none;
/* 清除li标签的小圆点 */
}
a {
text-decoration: none;
/* 清除a标签的下划线 */
}
body,
ul {
margin: 0;
padding: 0;
}
.writer {
color: rgb(121, 10, 10);
height: 45px;
margin-left: 30px;
padding-top: 7px;
}
.writer{
position: relative;
}
.menu {
background-color: aqua;
width: 100px;
height: 200px;
margin: 20px 20px 20px 20px;
border-radius: 18px;
}
.list {
position: absolute;
background-color: rgb(12, 27, 94);
left: 70px;
width: 120px;
display: none;
height: 180px;
border-radius: 22px;
}
.menu ul li:hover .list {
color: red;
display:inline-block;
}
.list_son{
line-height: 60px;
padding-left: 40px;
}
.list_son:hover{
background:seagreen;
color: sandybrown;
border-radius: 22px;
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li class="writer">衣服
<div class="list">
<div class="list_son">
衣服
</div>
<div class="list_son">
衣服
</div>
<div class="list_son">
衣服
</div>
</div>
</li>
<li class="writer">衣服
<div class="list">
<div class="list_son">
衬衫
</div>
<div class="list_son">
衬衫
</div>
<div class="list_son">
衬衫
</div>
</div>
</li>
<li class="writer">衣服
<div class="list">
<div class="list_son">
裤子
</div>
<div class="list_son">
裤子
</div>
<div class="list_son">
裤子
</div>
</div>
</li>
<li class="writer">衣服
<div class="list">
<div class="list_son">
外套
</div>
<div class="list_son">
外套
</div>
<div class="list_son">
外套
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

106
历届学生/fontendsix/项目练习/学生项目/陶瑞/two/pic.html Normal file
View File

@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>轮播图</title>
<style>
li {
list-style: none;
/* 清除li标签的小圆点 */
}
a {
text-decoration: none;
/* 清除a标签的下划线 */
}
body,
ul {
margin: 0;
padding: 0;
}
.pic {
position: relative;
background: url(http://29e5534ea20a8.cdn.sohucs.com/c_zoom,h_213/c_cut,x_38,y_0,w_589,h_393/os/news/3f262081e8b625575d9d106a05a65aeb.jpg);
width: 300px;
height: 200px;
margin-left: 600px;
}
.pic .left {
position: absolute;
margin-top: 80px;
width: 25px;
height: 25px;
opacity: 0.5;
}
.pic .right {
width: 25px;
height: 25px;
position: absolute;
margin-top: 80px;
margin-left: 275px;
opacity: 0.5;
}
span {
position: absolute;
bottom: 20px;
left: 5px;
color: seashell;
}
.circular {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
ul li {
float: left;
width: 5px;
height: 5px;
background: #e9e8e8;
border-radius: 50%;
bottom: 8px;
}
.circular_1 {
width: 15px;
height: 5px;
border-radius: 20px;
margin: 0px 5px;
background-color: orange;
}
</style>
</head>
<body>
<div class="pic">
<img class="left" src="./houtui.png" alt="">
<img class="right" src="./qianjin.png" alt="">
<span class="text">猪肉价格继续降？秋收如何？权威回应</span>
<ul class="circular">
<li></li>
<li class="circular_1"></li>
<li></li>
</ul>
</div>
</body>
</html>

BIN
历届学生/fontendsix/项目练习/学生项目/陶瑞/two/qianjin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

60
历届学生/fontendsix/项目练习/学生项目/陶瑞/two/souhu.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="content">
<div class="top">
<div>
<img src="" alt="">
<h2>24小时热文</h2>
</div>
<div>
<a href="">
<img src="" alt="">
</a>
<a href="">
<p></p>
</a>
<a href=""><span></span></a>
</div>
</div>
<div class="bottom">
<ul>
<li>
<img src="" alt="">
<a href="">
<p></p>
</a>
<a href="">
<span></span>
</a>
</li>
<li>
<img src="" alt="">
<a href="">
<p></p>
</a>
<a href="">
<span></span>
</a>
</li>
<li>
<img src="" alt="">
<a href="">
<p></p>
</a>
<a href="">
<span></span>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>