Heim > Web-Frontend > HTML-Tutorial > HTML表单 CSS样式_html/css_WEB-ITnose

HTML表单 CSS样式_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:32:32
Original
1102 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage