HTML表单 CSS样式

1、HTML表单

<body  rightmargin="50" leftmargin="50" background="未标题-1.jpg">
<from>
<table border="0" cellspacing="3" align="center">
<tr>
<td>邮箱:</td>
<td><input type="text" name=""/></td>
</tr>
<tr>
<td></td>
<td><font size="-3" color="#999999">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td>
</tr>
<tr>
<td>登陆用户名:&nbsp;&nbsp;</td>
<td><input type="text"></td>
</tr>
<tr>
<td></td>
<td><font size="-3" color="#999999">仅在登录时使用,字符数不少于4个</font></td>
</tr>
<tr>
<td>显示名称;&nbsp;&nbsp;</td>
<td><input type="text"></td>
</tr>
<tr>
<td></td>
<td><font size="-3" color="#999999">即昵称,字符数不少于2个</font></td>
</tr>
<tr>
<td>密码;</td>
<td><input type="password"></td>
</tr>
<tr>
<td><label>确认密码</label>;</td>
<td><input type="password"></td>
</tr>
<tr>
<td></td>
<td><font size="-3" color="#999999">至少8位,必须包含字母,数字,特殊字符</td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" checked="checked" value="男">男&nbsp;&nbsp;
<input type="radio" name="sex" value="女" >女</td>
</tr>
<tr>
<td>喜好:</td>
<td><select size="1" >
<option selected="selected">听音乐</option>
<option>打篮球</option>
<option>逛街</option>
<option>摄影</option>
</select>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="注册"></td>
</tr>
</table>
</from>
</body>

2、 CSS样式

<link href="Untitled-3.css" rel="stylesheet" type="text/css" />
</head> <body>
<p>和谐的关系会让你心情舒畅,,但人生总不可能事事顺畅</p>
<div id="n">遇事少些抱怨多些宽容和理解,未来的道路就会更通透些</div>
你的人生路<span class="m">上不<p>乏贵人,善待</p>他人的自</span>己机遇便会随处可见。
<p class="abc">将梦想致力于行动,努力赢得更多人的尊重,用心观察生活,</p>
细节上的改变预示着转机即将发生。
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<a class="j" href="http://www.qq.com" target="_blank">腾讯qq</a>
<a href="../1130/Untitled-4.html" target="_blank">你妈逼</a>
</body> /*css文件*/ <style type="text/css">
{ margin:0px;
padding:0px;}
p
{
font-size:36px;
color:#0F9;
}
#n
{
font-size:18px;
color:#303; }
a:link
{ color:#000;
text-decoration:none}
a:visited
{ color:#C00;
text-decoration:none}
a:hover
{ color:#0C0;
text-decoration:underline;}
a:active
{ color:#FF6;
}
.m
{ font-size:50px;
color:#00F}
p,div
{ font-size:20;
color:#306;}
.m p
{ color:#CF9;
font-size:60px;} p.abc
{ font-size:30px;
color:#F00;
text-decoration:underline;} a.j:link/*将多个链接设置成不同风格*/
{ text-decoration:underline;
color:#600}
a.j:visited
{ color:#300;
text-decoration:underline;}
a.j:hover
{ color:#CCC;
text-decoration:none;}
a.j:active
{ color:#000;} </style>
上一篇:谦先生-hadoop大数据运维纪实


下一篇:linux运维常用命令集