网页效果

共10个页面


代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>刀削面网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
</head>

<body>

<div class="container">
	
	<div class="header">
		<ul>
			<li class="logo">
				<a href="index.html"><img src="images/logo.png"/><span>刀削面</span></a>
			</li>
			<li class="nav">
				<a href="index.html">首页</a>
				<a href="origin.html">起源</a>
				<a href="trait.html">特征</a>
				<a href="use.html">食材</a>
				<a href="make.html">做法</a>
				<a href="soup.html">卤汁</a>
				<a href="main.html">要诀</a>
				<a href="value.html">营养</a>
				<a href="register.html">注册</a>
				<a href="login.html">登录</a>
			</li>
		</ul>
	</div>
	
	<div class="wrapper">
	
		<div class="main">
		
			<div class="into">
				<form>
					<p><b>用户昵称：</b><input type="text"/></p>
					<p><b>常用密码：</b><input type="password"/></p>
					<p><b>确认密码：</b><input type="password"/></p>
					<p><b></b><input type="button" class="submit" value="注册"/></p>
				</form>
			</div>
			
		</div>
		
	</div>

	<div class="footer">Copyright @ 2022 daoxiaomian 刀削面网 版权所有</div>

</div>

</body>
</html>

更多推荐

html美食网页制作 dw静态网页制作 div+css美食网页实现与制作