利用HTML完成登陆界面设计

最新推荐文章于 2024-07-27 11:58:54 发布

Perfect@_@

最新推荐文章于 2024-07-27 11:58:54 发布

阅读量5.7k

点赞数 7

文章标签： html css web

本文链接：https://blog.csdn.net/weixin_43694643/article/details/115013755

版权

本文记录了作者在毕业设计第一天使用HTML进行登录界面设计的过程。最初尝试使用表单方式，但效果不理想，转而采用div布局，尽管觉得div数量较多可能导致混乱，但因惰性并未调整。目前登录界面已实现，但尚未与SQL Server 2008数据库进行交互，作者期待能获得实现交互的解决方案。

摘要由CSDN通过智能技术生成

毕业设计day1—登陆界面设计

原本是想用表单形式设计，但是由于最后没有得到想要的效果，就用了div设计，但是我觉得div似乎有点多，容易混乱，不过由于懒癌作祟，所以没改。
以下是代码源码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录界面</title>
	</head>
	<style type="text/css">
		*{
     
			margin: 0;
			padding: 0;
			background:url(../picture/bg2.jpg);
			overflow:hidden;
		}
		#beijing{
     
			position: absolute;
			width: 100%;
			height: 100%;
		}
		#beijing #denglu{
     
			position: absolute;
			top: 10%;right: 10%;bottom: 10%;left: 10%;
			border-radius: 8px;
			margin: auto;
			overflow: auto;
			width: 40%;
			height: 50%;
			background: #858585;
		}
		#denglu .p1{
     
			position:relative;
			text-align: center;
			width: 33%;
			top: 15%;right: 15%;bottom: 10%;left: 35%;
			font-family: "微软雅黑";
			font-size: 250%;
			font-weight: bold;
			color: #564378