<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>* {padding: 0;margin: 0;}.header {background-color: #07cbc9;height: 80px;width: 100%;}.header img {float: left;padding: 10px 0 0px 50px;}.header .logo {float: left;}.header .dh {float: right;}.header .dh ul li {float: left;list-style: none;width: 100px;height: 80px;line-height: 80px;color: white;text-align: center;}.clear {clear: both;}li:hover {background: black;}.banner {height: 600px;width: 100%;}.banner img {height: 600px;width: 100%;}.zz {position: absolute;top: 80px;left: 0;background-color: #000;width: 100%;height: 600px;opacity: 0.5;}.zz-t {position: absolute;top: 340px;left: 50%;width: 400px;height: 200px;margin-top: -100px;margin-left: -300px;z-index: 2;}form input {background-color: transparent;border: 3px solid white;margin-bottom: 20px;height:40px;width:600px;}input:hover {outline: none;border: 3px solid#07cbc9;</style></head><body><div class="header"><div class="logo"><img src="logo.png"></div><div class="dh"><ul><li>应用简介</li><li>普通简介</li><li>物理介绍</li><li>德育介绍</li><li>快捷介绍</li><li>全部介绍</li></ul></div></div><div class="claear"></div><div class="banner"><img src="banner3.jpg"></div><div class="zz"></div><div class="zz-t"><form><input type="text" name="biaodan" placeholder="aaaaaaa"/><input type="text" name="biaodan" placeholder="aaaaaaa"/><input type="text" name="biaodan" placeholder="aaaaaaa"/><input type="text" name="biaodan" placeholder="aaaaaaa"/><input type="button" name="dada" value="shuaiyufgd"/></form></div><div class="about"><div class="b-top"></div><div class="b-bottom"></div </div><div class="galler"></div></body></html>
- 1 回答
- 0 关注
- 1298 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消