网站建设之CSS中用类选择器实现登录表单

2021/10/1 6:13:51

编程Tag： 选择器登录表单 css border Solid nbsp 2px

本文主要是介绍网站建设之CSS中用类选择器实现登录表单，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

效果图：

代码：

<html>
<head>
<title>登录页面</title>
<style type="text/css">
.box1{border:solid 2px purple;}
.box2{border:solid 2px red;}
</style>
</head>
<body>
<form name="login" action="url" method="get">
<table  align="center" >

<tr>
<td>用户名:</td>
<td><input type="text"name="name" class="box1" style="color:blue"></td>
</tr>
				
<tr>
<td>密&nbsp;&nbsp;&nbsp码:</td>
<td><input type="password"  name="password" class="box1" style="color:blue"></td>
</tr>
                                                                 			
<tr>					
<td colspan="2" align="center"><input type="submit" name="tijiao" value="确认" class="box2">
                               <input type="reset" name="chongtian" value="重填" class="box2"></td>				
</tr>	
						
</table>		
</form>	
</body>
</html>

这篇关于网站建设之CSS中用类选择器实现登录表单的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

网站建设之CSS中用类选择器实现登录表单

相关编程文章