码迷,mamicode.com
首页 > Web开发 > 详细

HTML表单 CSS样式

时间:2015-12-02 09:14:00      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

HTML表单 CSS样式

标签:

原文地址:http://www.cnblogs.com/liujianshe1990-/p/5011929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!