how2j.cn

相关下载
文件名 文件大小
answer.html 4k

工具版本兼容问题
参考答案在右侧下载


步骤 1 :

练习效果图

Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
练习效果图


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2017-12-22 交作业
96



现在都能写出来 就是写的特别慢。。。

							

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-12-20 用table快很多,虽然我写的比较慢
87626380



用table对齐问题省心很多
<!DOCTYPE html>
<html>
<head>
	<title>css综合练习3</title>
</head>
<body>
<style type="text/css">
	.spred{
		color: red;
		font-size: 5px;
	}
	.tb{
		border:1px solid lightblue; 
		width: 600px;
		font-size: 70%;
	}
	.ts{
		color: blue;
		background-color:  lightblue;
	}

	#check{
		padding-top: 0px;
	}
	a:link{color: blue;
	}

	.bgc2{
		background-color: lightgray;
	}
	.td{
		text-align: center;
		width: 100px;
	}
    .line{
    	border-bottom: 1px solid lightblue;
    	margin-left:5px;
    	margin-right: 5px; 

    }


</style>
<span class="spred">请注意:带有“*”的项目必须填写。</span></br>
<table class="tb">
	<tr>
		<td colspan="3" class="ts"><strong>请填写您的用户名:</strong></td>
	</tr>
	<tr>
		<td rowspan="2" class="td"><font color="red">*</font>通行证用户名:</td>
		<td ><input type="text" name="id" value="请输入用户名">
		</td>
		<td rowspan="2" class="bgc2">用户名由a~z的英文字母(不区分大小写)、0~9的数字、<strong>点</strong>或<strong>下划线</strong>组成,长度为3~18个字符,只能以数字或者字母开头和结尾例如:kyzy_001。
		</td>
	</tr>
	<tr>
		<td align="center"><a href="#">查看用户名是否被占用</a></td>
	</tr>
	 <tr>
    	<td colspan="3" class="line"></td>
    </tr>  
	<tr>
		<td colspan="3" class="ts"><strong>请填写安全设置:</strong>(安全是物质用于验证账号和找回密码)</td>
	
	</tr>
	<tr>
		<td  colspan="3"  class="spred">以下信息对保证您账号的安全极为重要,请您务必认真填写。</td>
	</tr>
	<tr>
		<td class="td"><font color="red">*</font>输入登录密码:</td>
		<td><input type="password" name="pw1"></td>
		<td rowspan="2" class="bgc2">密码长度为6~16位,区分字母大小写。登录密码可以由字母、数字、特殊字符组成。【<a href="#"> 更多说明</a>】</td>
	</tr>
	<tr>
		<td class="td"><font color="red">*</font>登录密码确认:</td>
		<td><input type="password" name="pw2"></td>
	</tr>
    <tr>
    	<td colspan="3" class="line"></td>
    </tr>  
	<tr>
		<td class="td"><font color="red">*</font>密码提示问题:</td>
		<td><input type="text" name="pwq"></td>
		<td rowspan="2" class="bgc2">当您忘记密码时可以由此找回密码。例如,问题是“我的哥哥是谁?”,答案为“peter2”。问题长度不大于36个字符,一个汉字占两个字符。答案长度在6~30位之间,区分大小写【<a href="#"> 更多说明</a>】</td>
	</tr>
	<tr>
		<td class="td"><font color="red">*</font>密码提示答案:</td>
		<td><input type="text" name="pwa"></td>
	</tr>
	<tr>
    	<td colspan="3" class="line"></td>
    </tr>  
	<tr>
		<td class="td"><font color="red">*</font>输入安全码:</td>
		<td><input type="password" name="sn1"></td>
		<td rowspan="2" class="bgc2">安全码是您找回密码的重要途径,安全码长度为6~36位,区分字母大小写,由字母、数字、特殊字符组成。<font  class="spred">特别提醒:安全码一旦设定,将不可自行修改。</font>【<a href="#"> 更多说明</a>】</td>
	</tr>
	<tr>
		<td class="td"><font color="red">*</font>安全码确认:</td>
		<td><input type="password" name="sn2"></td>
	</tr>
	 <tr>
    	<td colspan="3" class="line"></td>
    </tr>  
	<tr>
		<td colspan="3" align="center"><input type="button" value="提交表单"></td>
	</tr>

</table>
</body>
</html>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2017-03-14 也是按照图片写了一个,不是用table写的
2017-02-24 练习题贴图
2017-01-14 照图搞了一个...
2016-11-04 简单做了一下 做得不好 见谅(效果图 见下)
2016-11-02 没有见答案呢?




提问之前请登陆
关于 前端基础-CSS-综合性练习3 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图