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样式的更多相关文章

  1. 28. 表单css样式定义格式

    form>table>tbody>tr>td{padding:5px;font-size:14px;font-family:"Microsoft YaHei" ...

  2. css修改input表单默认样式重置与自定义大全

    链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式 ...

  3. BootStrap的table表格，栅格系统，form表单的样式

    BootStrap BootStrap的简介 1.    什么是Bootstrap 由两个前端设计师开发的一个前端的框架(Html,css,js) 简化了程序员写css的代码 2.    为什么使用B ...

  4. 0522 HTML表单 CSS基础

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  5. 【译】HTML表单高级样式

    系列文章说明 原文 在本文中,我们将了解如何在HTML表单上使用CSS,为那些难于自定义的表单组件加以样式.如前文所述,文本框和按钮很适合使用CSS,而现在我们得来探索HTML表单样式的那些坑了. 在 ...

  6. 2014.9.16HTML表单CSS

    (一)表格 合并单元格(少用) (合并列) 1.先选中要合并的2个或多个单元格,然后点击以下图标 代码:<td colspan="2"> </td> 2.设 ...

  7. ios下表单disabled样式重置

    在做最近的一个活动项目时,需要用到表单的disabled状态,但是在IOS下那颜色不是一般的浅,就跟没有一样,一开始通过如下样式重置: input:disabled, input[disabled]{ ...

  8. 最新版本Firefox表单css兼容性

    场景描述: 为了在各浏览器上传控件保持统一的风格,用隐藏“浏览控件”的方式,在最新版本的Firefox下隐藏的“浏览”按钮漂移了. 问题分析: HTML代码: <form class=" ...

  9. validform.js+layer.js 表单验证样式

    $("#formAdd").Validform({ tiptype: function (msg, o, cssctl) { if (o.type == 3) {//失败 laye ...

随机推荐

  1. salesforce lightning零基础学习(十一) Aura框架下APP构造实现

    前面的一些lightning文章讲述了aura的基础知识,aura封装的常用js以及aura下的事件处理.本篇通过官方的一个superbadge来实现一个single APP的实现. superbad ...

  2. less用法小结

    1,采用koala进行编译,可以实时地在vscode这样的工具中看到less到css的转换: 2,均支持/**/以及//两种形式的注释,由于后期维护是维护less,因此推荐使用后者,因为后者不会被编译 ...

  3. 前端测试框架Jest系列教程 -- Mock Functions（模拟器）

    写在前面: 在写单元测试的时候有一个最重要的步骤就是Mock,我们通常会根据接口来Mock接口的实现,比如你要测试某个class中的某个方法,而这个方法又依赖了外部的一些接口的实现,从单元测试的角度来 ...

  4. jvm详情——4、分代垃圾回收详述

    虚拟机中的共划分为三个代: 年轻代(Young Generation) 年老点(Old Generation) 持久代(Permanent Generation) 其中持久代主要存放的是Java类的类 ...

  5. WebSocket 协议

    1.1 背景知识 由于历史原因,在创建一个具有双向通信机制的 web 应用程序时,需要利用到 HTTP 轮询的方式.围绕轮询产生了 “短轮询” 和 “长轮询”. 短轮询 浏览器赋予了脚本网络通信的编程 ...

  6. Go语言远程执行ssh命令简单封装(支持带交互命令)

    使用包:golang.org/x/crypto/ssh 以下封装一个发送命令的Cli结构体 type Cli struct { IP string //IP地址 Username string //用 ...

  7. MySQL及其图形界面navicat的安装

    数据库的第一步就是安装MySQL了,基本的安装方法都在这里,所以这里小编整理出来,一方面为了自己复习,一方面也方便大家. (关于MySQL的笔试题,具体见下面博客:http://www.cnblogs ...

  8. Spring Cloud Stream消费失败后的处理策略（三）：使用DLQ队列（RabbitMQ）

    应用场景 前两天我们已经介绍了两种Spring Cloud Stream对消息失败的处理策略: 自动重试:对于一些因环境原因(如:网络抖动等不稳定因素)引发的问题可以起到比较好的作用,提高消息处理的成 ...

  9. [转]启动container的时候出现iptables: No chain/target/match by that name

    本文转自:https://blog.csdn.net/u013948858/article/details/83115388 问题: Error response from daemon: drive ...

  10. 从零开始学安全(三)●黑客常用的windows端口

    端口可选1-65536 1-1024 预保留端口 留给windows系统服务的 下面是常见的端口对应的服务 1 TCP Port Service Multiplexer 传输控制协议端口服务多路开关选 ...