>  기사  >  웹 프론트엔드  >  HTML表单 CSS样式_html/css_WEB-ITnose

HTML表单 CSS样式_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:32:321086검색

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으로 문의하세요.