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. leetcode — jump-game-ii

    /** * // Source : https://oj.leetcode.com/problems/jump-game-ii/ * * Created by lverpeng on 2017/7/1 ...

  2. ES6躬行记（7）——代码模块化

    在ES6之前,由于ECMAScript不具备模块化管理的能力,因此往往需要借助第三方类库(例如遵守AMD规范的RequireJS或遵循CMD规范的SeaJS等)才能实现模块加载.而自从ES6引入了模块 ...

  3. SpringBoot(7) SpringBoot启动方式

    第一种启动方式:对含有main方法的类进行 Run As Java Application 第二种方式:对项目“Maven Install”  生成jar包 在target目录下(java -jar ...

  4. java8 集合求差集、并集、交集

    前言 java8里最大亮点是lambda,让我们用习惯C# linq的语法,也能眼前一亮.但是比起C#的语法糖还是差的很远. 差集.并集.交集 @Test public void test1(){ L ...

  5. vue 路由 及 跳转传递参数的总结

    博客地址:https://ainyi.com/4 vue-router vue-router 是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基 ...

  6. Spring Boot 设置静态资源访问

    问题描述 当使用spring Boot来架设服务系统时,有时候也需要用到前端页面,当然就不可或缺地需要访问其他一些静态资源,比如图片.css.js等文件.那么如何设置Spring Boot网站可以访问 ...

  7. 关于"Could not find acceptable representation"错误

    在项目中调用一个第三方服务,第三方服务是用Spring Boot写成的.结果调用时返回"Could not find acceptable representation"错误. 经 ...

  8. codeM美团编程大赛初赛B轮D题（考验你的数学思维！）

    [编程题] 模 时间限制:1秒空间限制:32768K 给定四个正整数a,b,c,k,回答是否存在一个正整数n,使得a*n在k进制表示下的各位的数值之和模b为c.输入描述:第一行一个整数T(T < ...

  9. EJS-初识

    项目中使用了EJS,因此,也开始接触了EJS. EJS官方定义:it's just plain JavaScript. 总的来说,上手较快(毕竟我是个菜鸟). 第一步:安装: 第二部使用: 在html ...

  10. Android 常用数据操作封装类案例

    1.DbHelper类 继承自SQLiteOpenHelper类,实现对数据库的基本操作 package com.example.utils; import android.content.Conte ...