HTML表单 CSS样式_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

HTML表单 CSS样式_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:32 AM

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>

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn