HTML实现大鱼海棠风格登录界面-CSDN博客

本文链接：https://blog.csdn.net/2301_77075311/article/details/131464901

本文介绍了如何使用HTML创建一个具有大鱼海棠主题的简单登录界面，包括界面元素布局、样式设计以及可能涉及的CSS技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="在线留言.css">
	</head>
	<body>
	<div id="song">
	<div class="head"></div>
	<div class="hear">
	<div class="logo"></div>
	<div class="a1">
	<form class="a2" method="get" target="_blank">
	<input class="a3" placeholder="请输入您要搜索的剧情...">
	<a class="a5" href="浏览.html">提交</a>
	</form>
	</div>
	<div class="a4"><a href=" ">登录/注册</a></div>
	</div>
	<div class="nav">
	<ul>
	<li><a href="index.html">首页</a></li>
	<li><a href="人物介绍.html">人物介绍</a></li>
	<li><a href="电影欣赏.html">电影欣赏</a></li>
	<li><a href="经典台词.html">经典台词</a></li>
	<li><a href="">留言贴贴</a></li>
	</ul>
	</div>

	<div class="box">
	<div class="e1"></div>
	<div class="e2">
	<form class="e3">
	账号: <input type="text" name="firstname"><br>
	密码: <input type="text" name="lastname">

	</form>
	<input class="e4" type="submit" value="登录">
	</div>
	</div>