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. vue路由对不同界面进行传参及跳转的总结

    最近在做一个公众号的商城项目,主要用的VUE+MUI,其实今天这个点对于有过项目经验的前端工作者来说是最基础的,但也是必须要掌握的,今天小编主要是记录下传参和跳转的一些总结(仅供参考). 首先我们先上 ...

  2. 阿里AI设计师一秒出图，小撒连连惊呼，真相是...

    近期,央视<机智过人>的舞台上来了位“三超设计师”——设计能力超强:出图能力超快:抗压能力超强,成功迷惑嘉宾和现场观众,更让撒贝宁出错三连. 节目一开场,这位“设计师”就为现场嘉宾:主持人 ...

  3. Docker容器互访三种方式

    我们都知道docker容器之间是互相隔离的,不能互相访问,但如果有些依赖关系的服务要怎么办呢.下面介绍三种方法解决容器互访问题. 方式一.虚拟ip访问 安装docker时,docker会默认创建一个内 ...

  4. Mybatis的SqlSession运行原理

    前言 SqlSession是Mybatis最重要的构建之一,可以简单的认为Mybatis一系列的配置目的是生成类似 JDBC生成的Connection对象的SqlSession对象,这样才能与数据库开 ...

  5. eclipse如何将项目上传到码云

    把Eclipse项目上传到码云的步骤: 一.将代码提交到本地 1.登录码云:新建项目 2.输入项目名: 3.空项目创建成功如下图: 4.右键点击Eclipse的项目,选择“Team”——>“Sh ...

  6. 第一册：lesson sixty three。

    原文: Thank you docter. A:How's Jim today? B:Better, thank you docter. A:Can I see him ,please? B:Cert ...

  7. asp .net core Get raw request.

      小弟初来乍到,分享一些工作学习中遇到的问题和解决方式,如有不准确或是有错误的地方,希望不吝赐教,谢过了.  --Dogtwo 背景: 一个代理服务器BK,接收前端A发送的请求,记录log,并转发给 ...

  8. vs 调试 iis中的网站

    打开网站,在vs中附加进程,选择w3wp.exe,如果不能下断点,设置一下pdb文件位置

  9. $_POST和$GLOBALS['HTTP_RAW_POST_DATA'] 的区别

    HTTP 协议是建立在 TCP/IP 协议之上的应用层规范,它把 HTTP 请求分为三个部分:请求行.请求头.消息主体.协议规定 POST 提交的数据必须放在消息主体(entity-body)中,但协 ...

  10. mybatis_01简介

    1.1 MyBatis MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名 ...