HTML动漫壁纸静态网页
今天给大家分享一个我在实训中自己做的一个动漫壁纸的静态网页的代码
软件:HBuilderX
不多说了,直接放代码
HTML部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>次元WallPaper</title>
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/sousuo.css" />
<link rel="stylesheet" type="text/css" href="css/lunbo-2.css" />
</head>
<body>
<div id="container">
<div id="Header"><!--页面头部-->
<div id="tit">
<a href="index.html"><font color="#FFFFFF"><h1>次元WallPaper</h1></font></a>
</div>
<div id="dh">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="4kbz.html">4K壁纸</a>
<!-- <ul>
<!-- <li><a href="4kfj.html">风景</a></li>//二级菜单
<li><a href="4kdm.html">动漫</a></li>
<li><a href="4kyx.html">游戏</a></li>
</ul> -->
</li>
<li><a href="dtbz.html">动态壁纸</a>
<!-- <ul>
<li><a href="dtfj.html">风景</a></li>
<li><a href="dtdm.html">动漫</a></li>
<li><a href="dtyx.html">游戏</a></li>
</ul> -->
</li>
<li><a href="guwm.html">关于我们</a>
<!-- <ul>
<li><a href="zzwm.html">赞助我们</a></li>
<li><a href="lxfs.html">联系方式</a></li>
</ul> -->
</li>
</ul>
</div>
<div class="search">
<input type="text" placeholder="请输入..." name="" id="" value="" />
<button><i>搜索</i></button>
</div>
<div id="an">
<a href="du.html"><button class="be">登录</button></a>
</div>
</div>
<div id="cit">
<div id="banner">
<div id="content">
<ul id="ul">
<li><a href="###"><img src="img/m1.jpg" /></a> </li>
<li><a href="###"><img src="img/s2.png" /></a> </li>
<li><a href="###"><img src="img/3.jpg" /></a> </li>
<li><a href="###"><img src="img/2.jpg" /></a> </li>
<li><a href="###"><img src="img/6.jpg" /></a> </li>
<li><a href