<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>陈加炎202034071337</title>
<link rel="icon" href="image/P3.jpeg" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/bar.css">
<style>
#A{height: 45px;
background-color: rgba(44, 97, 128, 0.5);
margin: 0px auto;}
*{
margin: 0;
padding: 0;
}
#A .a{ font-size: 29px;
font-family: LiSu;
width: 400px;color: rgb(5, 19, 95);
margin-left: 200px;
margin-top: 5px;}
#A .b{
width: 635px;
margin-top: 10px;
}
#A .b a{
width: 90px;
float: left;
font-size: 20px;
text-align: center;
color: rgba(82, 152, 180, 0.945);
}
#ALL{width: 95%;
margin: 0px auto;
background-color: rgba(10, 43, 44, 0.664);
border-radius: 30px;}
#ALL #B{height: 80px;
margin: 0px auto;
margin: 10px;}
#ALL #B .Ba{
height: 55px;
width: 340px;
margin-top: 12px;
background-color: rgba(0, 255, 255, 0.253);
border-radius: 10px;
}
#ALL #B .Ba a{display: block;
background: url(image/P1.png);
overflow: hidden;
height: 130px;
background-size: 340px 55px;
background-repeat: no-repeat;
}
#ALL #B .Bb{width: 415px;
height: 46px;
margin-top: 12px;
background: rgba(220, 245, 2, 0.288);
border-radius: 5px;
}
#ALL #B .Bb .Bbb{width: 302px;
font-size: 20px;
height: 45px;
border: none;
}
#ALL #B .Bb .Bba{font-size: 30px;
color: rgba(24, 174, 243, 0.658);
font-family: LiSu;
margin-top: 4px;
}
#ALL #C{height: 35px;
background: rgba(201, 66, 206, 0.199);}
#ALL #C a{width: 90px;
text-align: center;
font-size: 30px;
margin-left: 30px;
color: teal;
}
#ALL #D{
margin: 0px auto;
margin: 5px;
}
#ALL #D .Da{width: 13%;
height: 1320px;
background-color: rgba(75, 122, 65, 0.253);
color: rgb(101, 30, 167);
border-radius: 10PX;}
#ALL #D .Da a{
color: rgba(148, 111, 63, 0.925);
}
#ALL #D .Da ul li{border: 1px solid rgb(50, 110, 112);
font-size: 20px;
border-radius: 7px;
}
#ALL #D .Da .Dab{
background: url(image/P6.jpg) no-repeat;
width:100%;
height: 60px;
background-size: 100% auto;
}
#ALL #D .Da .Dac{
width: 100%;
height: 38px;
background: url(image/P7.jpg) no-repeat;
background-size: 100% auto;
}
#ALL #D .Da .Dade{
width: 100%;
height: 38px;
background: url(image/P8.jpg) no-repeat;
background-size: 100% auto;
}
#ALL #D .Da .Dae{
width: 100%;
height: 38px;
background: url(image/P9.jpg) no-repeat;
background-size: 100% auto;
}
#ALL #D .Da .Daf{
width: 100%;
height: 38px;
background: url(image/P10.jpg) no-repeat;
background-size: 100% auto;
}
#ALL #D .Da .Dad{
background: url(image/P8.jpg) no-repeat;
}
#ALL #D .Da .Daa{background-color: rgb(33, 138, 120);}
#ALL #D .Db{width: 80%;
background: url(image/P5.jpg) no-repeat;
background-size: 100% auto;
height: 400px;
margin-right: 3%;}
#ALL #D .Dc{width: 80%;
margin-left: 4%;
background: rgba(54, 231, 113, 0.137);
border-radius: 10px;}
#ALL #D .Dc .Dca{width: 150px;
height: 220px;
background: rgba(92, 160, 160, 0.5);
border-radius: 7px;
margin: 3%;
}
#ALL #D .Dc .Dcaa a{
display: block;
background-color: rgba(102, 214, 28, 0.527);
overflow: hidden;
}
#ALL #D .Dc .Dcaa a:hover{
background: rgba(192, 27, 96, 0.336);
}
#ALL #D .Dc .Dca ul li{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 25px;
}
#ALL #D .Dc .Dcb{width: 310px;
height: 345px;
background: rgba(92, 160, 160, 0.5);
border-radius: 10px;
margin: 5%;
}
#ALL #D .Dc .Dcb ul li{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 25px;
}
#ALL #D .Dd{
width: 100px;
height: 200px;
border: 2px solid blue;}
#ALL #E{width: 100%;
margin: 0px auto;
}
#ALL #E .Ea{background: url(image/BB4.jpg) no-repeat;
background-size: 460px auto;
width: 460px;
height: 200px;
margin: 3%;}
#ALL #E .Eb{background: url(image/BB5.jpg) no-repeat;
background-size: 460px auto;
width: 460px;
height: 200px;
margin: 3%;}
#ALL #E .Ec{background: url(image/BB6.jpg) no-repeat;
background-size: 460px auto;
width: 460px;
height: 200px;
margin: 3%;}
#ALL #F{height: 80px;
width: 100%;
}
#ALL #F .Fa{width: 500px;
网页设计作业（仅包括首页，登录页面，注册页码）+css
5星 · 超过95%的资源 需积分: 25 83 浏览量
2023-01-04
18:38:11
上传
评论 1
收藏 3.88MB ZIP 举报 
陈加炎202034071337.zip （42个子文件） 
陈加炎202034071337 
陈加炎202034071337.html.bak 30KB 登录.html.bak 11KB image 
P7.jpg 19KB B1.jpg 262KB BB1.jpg 39KB B2.jpg 304KB P3.jpeg 20KB P4.jpg 607KB BB5.jpg 48KB B12.jpg 208KB PP2.jpg 394KB p9.jpg 20KB B4.jpg 135KB BB6.jpg 54KB p8.jpg 19KB PP1.jpg 35KB B6.jpg 76KB P5.jpg 46KB
P11.png 19KB B3.jpg 89KB B9.jpg 98KB B8.jpg 122KB B11.jpg 362KB BB3.jpg 335KB B7.jpg 107KB B10.jpg 124KB P6.jpg 17KB P1.png 19KB P2.png 1KB BB4.jpg 50KB p10.jpg 20KB BB2.jpg 45KB B5.jpg 89KB PP3.jpg 284KB 注册界面.html.bak 15KB css bar.css 563B reset.css.bak 344B common.css 113B reset.css 320B
注册界面.html 15KB 登录.html 11KB 陈加炎202034071337.html 30KB资源评论
色空空色2023-07-26这个网页设计文件在首页的布局和色彩搭配方面做得非常出色，给人一种简洁而舒适的感觉。
申增浩2023-07-26登录页面的设计简约而不失美感，使用了合适的字体和颜色，给人一种温馨的感觉。
是因为太久2023-07-26文件中使用的CSS样式代码非常规范，容易阅读和理解，对于学习和借鉴其他人来说非常有帮助。
思想假2023-07-26注册页面的设计相对于其他页面稍显简单，但是整体风格依然和首页和登录页面保持一致，给人一种统一的视觉体验。
爱吃番茄great2023-07-26整个网页设计文件的清晰程度很高，对于初学者来说，可以很好地理解和运用其中的设计原理。
