盒子模型作业（仿QQ登录界面）

最新推荐文章于 2022-08-03 17:28:12 发布

xiaobaixie

最新推荐文章于 2022-08-03 17:28:12 发布

阅读量1.8k

点赞数 2

分类专栏： CSS学习代码文章标签： css

本文链接：https://blog.csdn.net/xiaobaixie/article/details/74637074

版权

CSS学习代码专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
	.outer{
		border-style:solid;
		width:370px;
		height:200px;
		margin-top:250px;
		margin-left:500px;
		background-image:url(a.jpg);
		background-repeat:no-repeat;
		background-position:center;
		}
	.userName{
		margin-top:60px;
		margin-left:80px;
		}
	.password{
		margin-top:20px;
		margin-left:80px;
		}
	#button{
		margin-left:150px;
		margin-top:10px;
		}
	#button2{
		margin-top:0px;
		margin-left:50px;
		}
	input{
		border-color:#000;
		border-width:3px;
		}
		
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<div class="outer">
    	<div class="userName">
        	用户名 <input type="text" />
        </div>
        <div class="password">
        	密   码 <input type="password" />
        </div>
        <input id="button" type="submit" value="登录"/>
        <input id="button2" type="submit" value="注册" />
    </div>
</body>
</html>

xiaobaixie

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
盒子模型作业（仿QQ登录界面）

.outer{ border-style:solid; width:370px; height:200px; margin-top:250px; margin-left:500px; background-image:url(a.jpg); background-repeat:no-repeat; background-position:center; } .
复制链接

扫一扫

专栏目录