HTML表单 CSS样式
1、HTML表单
<body rightmargin="50" leftmargin="50" background="未标题-1.jpg">
<from>
<table 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>登陆用户名： </td>
<td><input type="text"></td>
</tr>
<tr>
<td></td>
<td><font size="-3" color="#999999">仅在登录时使用，字符数不少于4个</font></td>
</tr>
<tr>
<td>显示名称; </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="男">男
<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 >遇事少些抱怨多些宽容和理解，未来的道路就会更通透些</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>- 上一篇 »入门前端之HTML
- 下一篇 »HTML中放置CSS的三种方式和CSS选择器