Maison >interface Web >tutoriel HTML >HTML表单 CSS样式_html/css_WEB-ITnose
HTML表单 CSS样式_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:32:321107parcourir
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>登陆用户名： </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 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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：（转载）移动WEB前端开发资源整合_html/css_WEB-ITnoseArticle suivant：CSS3中更灵活的布局方式_html/css_WEB-ITnose