html网页制作代码大全——大学生影视主题网页制作——图图影视影院5页HTML+( 二 ) _网页制作

top: 0px;
line-height: 25px;
text-align:center;
}
.search1{
width: 100px;
height: 25px;
position: absolute;
left: 977px;
top: 101px;
}
.search2{
width: 50px;
height: 25px;
position: absolute;
left: 1156px;
top: 102px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #F66;
background-color:#F66;
width:1200px;
}
li {
float: left;
}
li a {
display: block;
color: #000;
text-align: center;
padding: 10px 100px;
}
li .active {
background-color: #FC0;
}
.mingzi{
display:inline-block;
}
.mingzi:hover{
color:#F00;
}
span .active{
color:#30F;
}
.box2{
width:1100px;
text-align:center;
position:absolute;
top:175px;
}
.box3{
width:1100px;
position:absolute;
top:190px;
}
.bg{
width:600px;
height:550px;
background-image:repeating-radial-gradient(circle at 50% 50%,#333,#000 1%);
margin:50px auto;
padding:40px;
border-radius:50%;
padding-top:50px;
border:10px solid #ccc;
}
.sheet{
width:372px;
height:530px;
background:#fff;
border-radius:30px;
box-shadow:15px 15px 12px #000;
margin:0 auto;
}
.sheet p{
width:372px;
height:55px;
background:#ccc no-repeat 70px 20px;
margin-bottom:2px;
font-size:10px;
color:#d6d6d6;
line-height:55px;
text-align:center;
font-family:"微软雅黑";
}
.sheet .tp{
width:372px;
height:247px;
background:#fff;
background-image:url(../image/yingyuantubiao.png);
background-size:50% 50%;
background-repeat:no-repeat;
background-position:87px 16px,99px 192px;
border-radius:30px 30px 0 0;
}
.top{
width:372px;
height:60px;
position:absolute;
top:270px;
left:360px;
font-size:50px;
line-height:60px;
text-align:center;
}
.sheet .yj{
border-radius:0 0 30px 30px;
}
.bottom{
width:1200px;
position:absolute;
top:985px;
text-align:center;
background:#06F;
}
三、个人总结
一套合格的网页应该包含(具体可根据个人要求而定)
页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分；所有页面相互超链接，可到三级页面，有5-10个页面组成；页面样式风格统一布局显示正常，不错乱，使用Div+Css技术；菜单美观、醒目，二级菜单可正常弹出与跳转；要有JS特效，如定时切换和手动切换图片新闻；页面中有多媒体元素，如gif、视频、音乐，表单技术的使用；页面清爽、美观、大方，不雷同。网站前端程序不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。四、精彩推荐
1.看到这里了就 ??【点赞收藏博文】??? 三连支持下吧，你的支持是我创作的动力, ??【观注作者 |获取更多源码| 优质文章】 ?? 。
2.关注我带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！
3.以上内容技术相关问题可以相互学习交流