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. com.javax.servlet 慢慢看完慢慢学完

    1.接口 RequestDispatcher 类说明 定义一个对象,从客户端接收请求,然后将它发给服务器的可用资源 (例如Servlet.CGI.HTML文件.JSP文件).Servlet引擎创 建r ...

  2. 通用Web后台魔方NewLife.Cube

    魔方 是一个基于 ASP.NET MVC 的 用户权限管理平台,可作为各种信息管理系统的基础框架. 演示:http://cube.newlifex.com 源码 源码: http://git.newl ...

  3. 【EF6学习笔记】（二）操练 CRUD 增删改查

    本篇原文链接: Implementing Basic CRUD Functionality 说明:学习笔记参考原文中的流程,为了增加实际操作性,并能够深入理解,部分地方根据实际情况做了一些调整:并且根 ...

  4. 【原创】《windows驱动开发技术详解》第4章实验总结一

    目录 1 实验要求 2 编写过程 2.1 确立整体架构 2.1.1 入口函数——DriverEntry 2.1.2 自定义创建设备函数——CreateDevice 2.1.3 卸载函数——Driver ...

  5. hadoop集群无法找到datanode节点问题解决

    问题:在配置hadoop集群时,master的50070后台中找不到slave的datanode节点怎么办? 解决: 方法一:首先确认下master和slave的hdfs-site.xml配置中的df ...

  6. spring-boot-2.0.3启动源码篇三 - run方法(二)之prepareEnvironment

    前言 此系列是针对springboot的启动,旨在于和大家一起来看看springboot启动的过程中到底做了一些什么事.如果大家对springboot的源码有所研究,可以挑些自己感兴趣或者对自己有帮助 ...

  7. netty源码解解析(4.0)-14 Channel NIO实现:读取数据

     本章分析Nio Channel的数据读取功能的实现. Channel读取数据需要Channel和ChannelHandler配合使用,netty设计数据读取功能包括三个要素:Channel, Eve ...

  8. 记录一下对swiper4.x.js在H5单页中的滑动优化

    应用场景 仅仅应用于单页应用的滑动操作,用swiper4.x接管页面的滚动操作.用来支持顶部和尾部的回弹效果,进一步来支持常见那种下拉刷新动画效果.不适用于轮播图那种应用场景. 虽然只是针对swipe ...

  9. Scrapy爬虫（4）爬取豆瓣电影Top250图片

      在用Python的urllib和BeautifulSoup写过了很多爬虫之后,本人决定尝试著名的Python爬虫框架--Scrapy.   本次分享将详细讲述如何利用Scrapy来下载豆瓣电影To ...

  10. [转]MySQL-死锁查询

    本文转自:https://blog.csdn.net/qq105319914/article/details/50562783 1.查询是否锁表 show OPEN TABLES where In_u ...