当前位置： 移动技术网 > IT编程>网页制作>CSS > 盒子模型作业（代码实例）

盒子模型作业（代码实例）

2018年04月01日  | 移动技术网IT编程  | 我要评论

盒子模型作业（代码实例）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<style type="text/css">


	
	.outer{
		border-style:solid;
		width:370px;
		height:200px;
		margin-top:250px;
		margin-left:420px;
		background-image:url(../1.jpg);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	
	.userName{
		margin-top:60px;
		margin-left:80px;
	}
	
	.password{
		margin-left:80px;
		margin-top:20px;
	}
	
	
	input{
		border-color:#000;
		border-width:3px;
	}
	
	
	#button{
		margin-left:120px;
	}


</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<p class="outer" >
    	
        <p class="userName">
        	用户名 <input type="text"/>
        </p>
        
        <p class="password">
        	密&nbsp;&nbsp;码 <input type="password"/>
        </p> 
        
        
        <input id="button" type="submit" value="登陆"/>


    </p>


</body>
</html>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网