你的位置:首页 > 网页设计

[网页设计]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>